From 5305d078054aa497328381c3c7a2571291ec3f29 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Sat, 22 Jun 2024 22:59:00 +0200
Subject: [PATCH] Change loading indicator color

---
 app/app.vue                         | 2 +-
 app/components/content/Activity.vue | 3 +--
 2 files changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/app.vue b/app/app.vue
index 67ab371..6fe32d6 100644
--- a/app/app.vue
+++ b/app/app.vue
@@ -1,5 +1,5 @@
 <template>
-  <NuxtLoadingIndicator color="#14b8a6" />
+  <NuxtLoadingIndicator color="#808080" />
   <AppBackground />
   <UContainer class="z-50 relative">
     <AppHeader />
diff --git a/app/components/content/Activity.vue b/app/components/content/Activity.vue
index d34c7db..fc3906a 100644
--- a/app/components/content/Activity.vue
+++ b/app/components/content/Activity.vue
@@ -2,13 +2,12 @@
 import { type Activity, IDEs } from '~~/types'
 
 const { data: activity, refresh } = await useAsyncData<Activity>('activity', () => $fetch('/api/activity'))
+useIntervalFn(async () => await refresh(), 5000)
 const codingActivity = computed(() => activity.value!.data.activities.filter(activity => IDEs.some(ide => ide.name === activity.name))[0])
 
 function formatDate(date: number) {
   return `${useDateFormat(date, 'DD MMM YYYY').value} at ${useDateFormat(date, 'HH:mm:ss').value}`
 }
-
-useIntervalFn(async () => await refresh(), 5000)
 </script>
 
 <template>