feat: button disabled while transaction loading

turbo-eth · Sep 13, 2023 · 6a8b476 · 6a8b476
1 parent a6e9b6d
commit 6a8b476
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/integrations/unlock/components/form-deploy-lock.tsx b/integrations/unlock/components/form-deploy-lock.tsx
@@ -96,7 +96,9 @@ export default function FormDeployLock() {
           <input className="input mt-4" placeholder={keyPrice} onChange={(e) => setKeyPrice(e.target.value)} />
         </div>
         <div className="m-10 flex flex-col items-center justify-center space-y-4">
-          <Button onClick={handleDeploy}>Deploy Lock</Button>
+          <Button disabled={isLoading ? true : false} onClick={handleDeploy}>
+            Deploy Lock
+          </Button>
           <TransactionStatus isError={isError} isLoadingTx={isLoading} isSuccess={isSuccess} />
         </div>
       </div>