From 75ba740b146df83527f94210f2a4cd99d890b868 Mon Sep 17 00:00:00 2001
From: Noah Lee <opsdownn@gmail.com>
Date: Mon, 27 May 2024 10:43:59 +0900
Subject: [PATCH] feat: Add refresh button for deploy

---
 ui/src/views/repoDeploy/index.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/ui/src/views/repoDeploy/index.tsx b/ui/src/views/repoDeploy/index.tsx
index 8ed773d1..d14c3016 100644
--- a/ui/src/views/repoDeploy/index.tsx
+++ b/ui/src/views/repoDeploy/index.tsx
@@ -228,8 +228,17 @@ function RepoDeploy({
   env,
   onClickOk,
 }: RepoDeployProps): JSX.Element {
+  const [refreshing, setRefreshing] = useState(false);
   const [payloadModalVisible, setPayloadModalVisible] = useState(false);
 
+  const _onClickRefresh = () => {
+    setRefreshing(true);
+    onClickRefresh();
+    setTimeout(() => {
+      setRefreshing(false);
+    }, 1000);
+  };
+
   const _onClickDeploy = () => {
     if (env?.dynamicPayload?.enabled) {
       setPayloadModalVisible(true);
@@ -257,9 +266,10 @@ function RepoDeploy({
               key="1"
               type="text"
               shape="circle"
-              size="large"
+              size="middle"
+              loading={refreshing}
               icon={<RedoOutlined />}
-              onClick={onClickRefresh}
+              onClick={_onClickRefresh}
             />,
           ]}
         />