chore(home): fix loading button

ARAFarm-Lab · Apr 16, 2024 · 62de4a0 · 62de4a0
1 parent 3503b94
commit 62de4a0
Showing 1 changed file with 3 additions and 5 deletions.
diff --git a/src/pages/home/dashboard/index.tsx b/src/pages/home/dashboard/index.tsx
@@ -92,9 +92,6 @@ const Dashboard = () => {
     })
 
     const mutateState = (actuator_id: number, value: boolean) => {
-        if (mutationLoading[actuator_id]) {
-            return
-        }
         const request: DispatchActionRequest = {
             actuator_id,
             device_id: 1,
@@ -183,6 +180,7 @@ const Dashboard = () => {
                     <Box sx={{ display: 'grid', gap: 2, mt: 2, gridTemplateColumns: '1fr 1fr' }}>
                         {actions.data?.map((action, index) => {
                             const state = actionStates[index]
+                            const isLoading = state?.isLoading || mutationLoading[action.id]
                             return <ButtonCard
                                 key={index}
                                 id={index}
@@ -191,8 +189,8 @@ const Dashboard = () => {
                                 on={state.data?.value || false}
                                 onText={getActionValueText(action.type, true)}
                                 offText={getActionValueText(action.type, false)}
-                                isLoading={state?.isLoading || mutationLoading[action.id]}
-                                onClick={() => mutateState(action.id, !state.data?.value)} />
+                                isLoading={isLoading}
+                                onClick={() => !isLoading ? mutateState(action.id, !state.data?.value) : {}} />
                         })}
                     </Box>
             }