From fd6d2e284b022a2ba5716c88be228fc6031fe48a Mon Sep 17 00:00:00 2001
From: "Chen, Tai-Lin" <neil.chentl@gmail.com>
Date: Fri, 3 Nov 2023 13:57:57 +0800
Subject: [PATCH] feat: add bug report button

---
 app/src/components/ControlPalette.vue |  6 +++---
 app/src/components/GameHeaderPart.vue | 10 +++++++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/app/src/components/ControlPalette.vue b/app/src/components/ControlPalette.vue
index c2419f1..470a29a 100644
--- a/app/src/components/ControlPalette.vue
+++ b/app/src/components/ControlPalette.vue
@@ -5,21 +5,21 @@
         :icon="['far', 'circle-question']"
         class="text-text-disabled"
       />
-      <p class="text-text-disabled inline">Solution</p>
+      <p class="text-text-disabled inline ml-1">Solution</p>
     </button>
     <button id="reset" class="bg-bg-secondary rounded-lg p-2" @click="reset">
       <font-awesome-icon
         :icon="['fas', 'arrow-rotate-left']"
         class="text-text-primary"
       />
-      <p class="text-text-primary inline">Reset</p>
+      <p class="text-text-primary inline ml-1">Reset</p>
     </button>
     <button id="continue" class="bg-bg-disabled rounded-lg p-2">
       <font-awesome-icon
         :icon="['far', 'circle-right']"
         class="text-text-disabled"
       />
-      <p class="text-text-disabled inline">Continue</p>
+      <p class="text-text-disabled inline ml-1">Continue</p>
     </button>
   </section>
 </template>
diff --git a/app/src/components/GameHeaderPart.vue b/app/src/components/GameHeaderPart.vue
index 334a748..f5c1a5f 100644
--- a/app/src/components/GameHeaderPart.vue
+++ b/app/src/components/GameHeaderPart.vue
@@ -11,6 +11,8 @@ const handleLogout = async () => {
   router.push({ name: 'login' })
 }
 
+const bugReport = () => {}
+
 const questData = ref(null)
 const questErr = ref(null)
 
@@ -68,7 +70,13 @@ onMounted(async () => {
             class="text-text-primary h-full w-full"
           />
         </button> -->
-        <button class="h-5 w-5" @click="handleLogout">
+        <button title="Bug Report" @click="bugReport" class="h-5 w-5">
+          <font-awesome-icon
+            :icon="['fas', 'bug']"
+            class="text-text-primary h-full w-full"
+          />
+        </button>
+        <button title="Sign Out" @click="handleLogout" class="h-5 w-5">
           <font-awesome-icon
             :icon="['fas', 'arrow-right-from-bracket']"
             class="text-text-primary h-full w-full"