From f13ecf92abe6301ad7639054e7813260172b855c Mon Sep 17 00:00:00 2001
From: Late Night Defender <pongpeera054@protonmail.com>
Date: Thu, 30 Nov 2023 22:38:11 +0700
Subject: [PATCH] Add problem reporting buttons in about page

---
 src/views/About.vue | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/src/views/About.vue b/src/views/About.vue
index 069248b..5c8c3cf 100644
--- a/src/views/About.vue
+++ b/src/views/About.vue
@@ -35,6 +35,24 @@
                     <v-list-item-title v-text="item.text"></v-list-item-title>
                 </v-list-item>
             </v-list>
+
+            <v-list class = "ma-2" density="compact">
+                <v-list-subheader>รายงานปัญหาและข้อเสนอแนะ</v-list-subheader>
+
+                <v-list-item
+                    v-for="(item, i) in report_items"
+                    :key="i"
+                    :value="item"
+                    :href="item.link"
+                >
+                <template v-slot:append>
+                <!-- <v-icon :icon="item.icon"></v-icon> -->
+                <img src="../../icons/Adwaita/right.svg">
+                </template>
+
+                    <v-list-item-title v-text="item.text"></v-list-item-title>
+                </v-list-item>
+            </v-list>
         </v-sheet>
 
         
@@ -53,6 +71,18 @@ import {RouterLink} from 'vue-router';
     icon: 'mdi-chevron-right',}
   ]
 
+  const report_items = [
+    { text: 'Discord',
+    icon: 'mdi-chevron-right',
+    link: 'https://discord.gg/6aPemyuSzx'},
+    { text: 'Facebook',
+    icon: 'mdi-chevron-right',
+    link: 'https://www.facebook.com/openKMITL'},
+    { text: 'Google Forms',
+    icon: 'mdi-chevron-right',
+    link: 'https://forms.google.com'},
+  ]
+
 </script>
 
 <style>