cerc-io/snowballtools-base
11
0
Fork 3
Code Issues 11 Pull Requests 3 Actions Packages Projects Releases Wiki Activity

Add loaders for action buttons

Browse Source
This commit is contained in:
IshaVenikar 2025-02-04 14:05:06 +05:30
parent 3931e20711
commit 6a2a8bb3c4
1 changed files with 9 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/src/components/projects/project/deployments/DeploymentMenu.tsx
View File

@ -47,6 +47,7 @@ export const DeploymentMenu = ({
const [redeployToProduction, setRedeployToProduction] = useState(false); const [redeployToProduction, setRedeployToProduction] = useState(false);
const [deleteDeploymentDialog, setDeleteDeploymentDialog] = useState(false); const [deleteDeploymentDialog, setDeleteDeploymentDialog] = useState(false);
const [isConfirmDeleteLoading, setIsConfirmDeleteLoading] = useState(false); const [isConfirmDeleteLoading, setIsConfirmDeleteLoading] = useState(false);
const [isConfirmUpdateLoading, setIsConfirmUpdateLoading] = useState(false);
const [rollbackDeployment, setRollbackDeployment] = useState(false); const [rollbackDeployment, setRollbackDeployment] = useState(false);
const [isConfirmButtonLoading, setConfirmButtonLoadingLoading] = const [isConfirmButtonLoading, setConfirmButtonLoadingLoading] =
useState(false); useState(false);
@ -55,6 +56,8 @@ export const DeploymentMenu = ({
const isUpdated = await client.updateDeploymentToProd(deployment.id); const isUpdated = await client.updateDeploymentToProd(deployment.id);
if (isUpdated.updateDeploymentToProd) { if (isUpdated.updateDeploymentToProd) {
await onUpdate(); await onUpdate();
setIsConfirmUpdateLoading(false);
toast({ toast({
id: 'deployment_changed_to_production', id: 'deployment_changed_to_production',
title: 'Deployment changed to production', title: 'Deployment changed to production',
@ -99,6 +102,8 @@ export const DeploymentMenu = ({
); );
if (isRollbacked.rollbackDeployment) { if (isRollbacked.rollbackDeployment) {
await onUpdate(); await onUpdate();
setIsConfirmUpdateLoading(false);
toast({ toast({
id: 'deployment_rolled_back', id: 'deployment_rolled_back',
title: 'Deployment rolled back', title: 'Deployment rolled back',
@ -217,9 +222,11 @@ export const DeploymentMenu = ({
handleCancel={() => setChangeToProduction((preVal) => !preVal)} handleCancel={() => setChangeToProduction((preVal) => !preVal)}
open={changeToProduction} open={changeToProduction}
handleConfirm={async () => { handleConfirm={async () => {
setIsConfirmUpdateLoading(true);
await updateDeployment(); await updateDeployment();
setChangeToProduction((preVal) => !preVal); setChangeToProduction((preVal) => !preVal);
}} }}
isConfirmButtonLoading={isConfirmUpdateLoading}
deployment={deployment} deployment={deployment}
domains={prodBranchDomains} domains={prodBranchDomains}
/> />
@ -244,12 +251,14 @@ export const DeploymentMenu = ({
open={rollbackDeployment} open={rollbackDeployment}
confirmButtonTitle="Rollback" confirmButtonTitle="Rollback"
handleConfirm={async () => { handleConfirm={async () => {
setIsConfirmUpdateLoading(true);
await rollbackDeploymentHandler(); await rollbackDeploymentHandler();
setRollbackDeployment((preVal) => !preVal); setRollbackDeployment((preVal) => !preVal);
}} }}
deployment={currentDeployment} deployment={currentDeployment}
newDeployment={deployment} newDeployment={deployment}
domains={prodBranchDomains} domains={prodBranchDomains}
isConfirmButtonLoading={isConfirmUpdateLoading}
/> />
)} )}
<DeleteDeploymentDialog <DeleteDeploymentDialog