Merge pull request #2818 from appwrite/fix-functions-finalizing-status

Fix deployments stuck in ‘Finalizing’ status for Functions

Author: HarshMN2345

src/routes/(console)/project-[region]-[project]/functions/function-[function]/(components)/deploymentCard.svelte

@@ -16,6 +16,7 @@
     import { func } from '../store';
     import { capitalize } from '$lib/helpers/string';
     import { getEffectiveBuildStatus } from '$lib/helpers/buildTimeout';
+    import { deploymentStatusConverter } from '$lib/stores/git';
     import { regionalConsoleVariables } from '$routes/(console)/project-[region]-[project]/store';
     import { isCloud } from '$lib/system';
     import { IconInfo } from '@appwrite.io/pink-icons-svelte';
@@ -38,8 +39,11 @@
         footer?: Snippet;
     } = $props();
 
-    let effectiveStatus = $derived(getEffectiveBuildStatus(deployment, $regionalConsoleVariables));
-    let totalSize = $derived(humanFileSize(deployment?.totalSize ?? 0));
+    const effectiveStatus = $derived(
+        getEffectiveBuildStatus(deployment, $regionalConsoleVariables)
+    );
+    const displayStatus = $derived(effectiveStatus === 'finalizing' ? 'ready' : effectiveStatus);
+    const totalSize = $derived(humanFileSize(deployment?.totalSize ?? 0));
 </script>
 
 {#snippet titleSnippet(title: string)}
@@ -129,7 +133,9 @@
                         <Layout.Stack gap="xxs" inline>
                             {@render titleSnippet('Status')}
                             <Typography.Text variant="m-400" color="--fgcolor-neutral-primary">
-                                <Status status={effectiveStatus} label={effectiveStatus} />
+                                <Status
+                                    status={deploymentStatusConverter(displayStatus)}
+                                    label={displayStatus} />
                             </Typography.Text>
                         </Layout.Stack>
                     {:else}

src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte

@@ -40,9 +40,10 @@
 
     let { data } = $props();
 
-    let effectiveStatus = $derived(
+    const effectiveStatus = $derived(
         getEffectiveBuildStatus(data.deployment, $regionalConsoleVariables)
     );
+    const displayStatus = $derived(effectiveStatus === 'finalizing' ? 'ready' : effectiveStatus);
     let showDelete = $state(false);
     let showCancel = $state(false);
     let showActivate = $state(false);
@@ -157,9 +158,9 @@
     <Card.Base padding="s">
         <Accordion
             title="Deployment logs"
-            badge={capitalize(effectiveStatus)}
+            badge={capitalize(displayStatus)}
             open
-            badgeType={badgeTypeDeployment(effectiveStatus)}
+            badgeType={badgeTypeDeployment(displayStatus)}
             hideDivider>
             <Layout.Stack gap="xl">
                 {#key data.deployment.buildLogs}

src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte

@@ -98,6 +98,7 @@
                 deployment,
                 $regionalConsoleVariables
             )}
+            {@const displayStatus = effectiveStatus === 'finalizing' ? 'ready' : effectiveStatus}
             <Table.Row.Link
                 {root}
                 id={deployment.$id}
@@ -113,8 +114,8 @@
                                 <Status status="complete" label="Active" />
                             {:else}
                                 <Status
-                                    status={deploymentStatusConverter(effectiveStatus)}
-                                    label={capitalize(effectiveStatus)} />
+                                    status={deploymentStatusConverter(displayStatus)}
+                                    label={capitalize(displayStatus)} />
                             {/if}
                         {:else if column.id === 'type'}
                             <DeploymentSource {deployment} />