From faf296854576242d55b62cdf65bf8a12c9e2efd6 Mon Sep 17 00:00:00 2001
From: liamcottle <liam@liamcottle.com>
Date: Thu, 5 Dec 2024 19:54:50 +1300
Subject: [PATCH] use icon instead of text for refresh icon

---
 src/components/RefreshButton.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/components/RefreshButton.vue b/src/components/RefreshButton.vue
index 4584df1..de4cbd2 100644
--- a/src/components/RefreshButton.vue
+++ b/src/components/RefreshButton.vue
@@ -1,7 +1,8 @@
 <template>
-    <button :disabled="isRefreshing" type="button" class="rounded bg-white px-2 py-1 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300" :class="[ isRefreshing ? 'cursor-not-allowed' : 'hover:bg-gray-50' ]">
-        <span v-if="isRefreshing">Refreshing...</span>
-        <span v-else>Refresh</span>
+    <button :disabled="isRefreshing" type="button" class="rounded bg-white px-2 py-1 text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300" :class="[ isRefreshing ? 'cursor-not-allowed' : 'hover:bg-gray-50' ]">
+        <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="size-5" :class="{ 'animate-spin': isRefreshing }">
+            <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99" />
+        </svg>
     </button>
 </template>
 <script>