From ea81f2feb4339c626f7ad5a59bd2f763310cb822 Mon Sep 17 00:00:00 2001
From: "Chen, Tai-Lin" <neil.chentl@gmail.com>
Date: Thu, 26 Oct 2023 15:07:04 +0800
Subject: [PATCH] fix: hide unimplemented buttons

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

diff --git a/app/src/components/ControlPalette.vue b/app/src/components/ControlPalette.vue
index 0894bad..d765331 100644
--- a/app/src/components/ControlPalette.vue
+++ b/app/src/components/ControlPalette.vue
@@ -1,11 +1,11 @@
 <template>
   <section class="h-[10%] p-3 grid grid-cols-3 gap-4 place-content-between">
-    <button id="solution" class="bg-background-secondary rounded-lg p-2">
+    <button id="solution" class="bg-disabled-background rounded-lg p-2">
       <font-awesome-icon
         :icon="['far', 'circle-question']"
-        class="text-text-primary"
+        class="text-disabled-text"
       />
-      <p class="text-text-primary inline">Solution</p>
+      <p class="text-disabled-text inline">Solution</p>
     </button>
     <button
       id="reset"
diff --git a/app/src/components/GameHeaderPart.vue b/app/src/components/GameHeaderPart.vue
index b70489f..e2c20e3 100644
--- a/app/src/components/GameHeaderPart.vue
+++ b/app/src/components/GameHeaderPart.vue
@@ -31,7 +31,7 @@ onMounted(async () => {
   >
     <div class="h-full flex items-center justify-center mx-3">
       <div class="flex items-center gap-3">
-        <button id="stream" class="flex items-center">
+        <!-- <button id="stream" class="flex items-center">
           <font-awesome-icon
             :icon="['fas', 'bars']"
             class="text-text-primary h-5 w-5"
@@ -42,7 +42,7 @@ onMounted(async () => {
             :icon="['fas', 'arrow-left']"
             class="text-text-tertiary h-5 w-5"
           />
-        </button>
+        </button> -->
         <button>
           <p
             class="text-text-primary inline-block font-bold whitespace-nowrap"
@@ -53,7 +53,7 @@ onMounted(async () => {
         </button>
       </div>
       <div class="h-full w-full flex gap-3 items-center justify-end">
-        <button id="warning" class="flex items-center">
+        <!-- <button id="warning" class="flex items-center">
           <font-awesome-icon
             :icon="['fas', 'triangle-exclamation']"
             class="text-text-primary h-5 w-5"
@@ -70,7 +70,7 @@ onMounted(async () => {
             :icon="['fas', 'expand']"
             class="text-text-primary h-5 w-5"
           />
-        </button>
+        </button> -->
         <button @click="handleLogout">
           <font-awesome-icon
             :icon="['fas', 'arrow-right-from-bracket']"