From 0a98e29e4acbbafdc173956e5ae7a2216ef15153 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Fri, 23 Feb 2024 21:46:06 +0100
Subject: [PATCH] Add idle state on activity

---
 src/components/main/MainActivity.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/main/MainActivity.vue b/src/components/main/MainActivity.vue
index b5cd773..e0a1b00 100644
--- a/src/components/main/MainActivity.vue
+++ b/src/components/main/MainActivity.vue
@@ -30,10 +30,18 @@ const CardUi = {
             <div class="flex items-center gap-2">
               <h1>{{ codingActivity.name }}</h1>
               <UTooltip text="I'm online">
-                <div class="h-3 w-3 inline-flex rounded-full bg-green-500 cursor-pointer" />
+                <div
+                  :class="codingActivity.state ? 'bg-amber-500' : 'bg-green-500'"
+                  class="h-3 w-3 inline-flex rounded-full cursor-pointer"
+                />
               </UTooltip>
             </div>
-            <h3>{{ codingActivity.state }}</h3>
+            <h3 v-if="codingActivity.state">
+              {{ codingActivity.state }}
+            </h3>
+            <h3 v-else>
+              I'm Idling on my computer 😴
+            </h3>
           </div>
         </div>
       </div>