disable button when build errors

AElfProject · Jul 28, 2024 · ceda335 · ceda335
1 parent d11c989
commit ceda335
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/components/build-deploy-panel.tsx b/components/build-deploy-panel.tsx
@@ -3,7 +3,7 @@
 import { useState } from "react";
 import { Button } from "./ui/button";
 import { useCliCommands } from "./workspace/use-cli-commands";
-import useSWR from "swr";
+import useSWR, { mutate } from "swr";
 import { useParams } from "next/navigation";
 import { db } from "@/data/db";
 
@@ -27,9 +27,9 @@ export function BuildDeployPanel() {
         disabled={isBuilding}
         onClick={async () => {
           try {
-            setIsDeploying(false);
             setIsBuilding(true);
             await commands.build();
+            mutate(`deployable-${id}`);
           } catch (err) {
           } finally {
             setIsBuilding(false);
@@ -39,7 +39,7 @@ export function BuildDeployPanel() {
         Build
       </Button>
       <Button
-        disabled={isBuilding || !isDeployable || isDeploying}
+        disabled={!isDeployable || isDeploying}
         onClick={async () => {
           try {
             setIsDeploying(true);