From 7d7c89954b3b1a387540f3a6be2f325c1a16e8c2 Mon Sep 17 00:00:00 2001
From: TaurusXin <i@taurusxin.com>
Date: Thu, 25 Jul 2024 10:12:00 +0800
Subject: [PATCH] feat: UI

---
 frontend/src/pages/Panel.tsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/frontend/src/pages/Panel.tsx b/frontend/src/pages/Panel.tsx
index 10a22e2..0f7842d 100644
--- a/frontend/src/pages/Panel.tsx
+++ b/frontend/src/pages/Panel.tsx
@@ -27,6 +27,7 @@ import {
 
 import Download from './Download'
 import { Separator } from '@/components/ui/separator'
+import { Loader2 } from 'lucide-react'
 
 const Panel: React.FC = () => {
   const [macInputDisabled, setMacInputDisabled] = useState(false)
@@ -67,7 +68,7 @@ const Panel: React.FC = () => {
         GetLatestVersion().then(res => {
           if (res === null) {
             toast('Get database failed.', {
-              description: '⛓️‍💥 Please check your internet connection.'  
+              description: '⛓️‍💥 Please check your internet connection.',
             })
           } else {
             setNewVersion(res)
@@ -186,6 +187,7 @@ const Panel: React.FC = () => {
           onClick={handleCheck}
           disabled={checkDisabled}
         >
+          {checkDisabled ?? <Loader2 className="mr-2 h-4 w-4 animate-spin" />}
           Check
         </Button>
       </div>