Fix: Added Rebuild button for function view when build fails during deployment

src/routes/console/project-[project]/functions/function-[function]/+page.svelte

@@ -32,6 +32,7 @@
     import type { PageData } from './$types';
     import Delete from './delete.svelte';
     import Create from './create.svelte';
+    import Rebuild from './rebuild.svelte';
     import Activate from './activate.svelte';
     import { browser } from '$app/environment';
     import { sdk } from '$lib/stores/sdk';
@@ -44,13 +45,18 @@
     let showDropdown = [];
     let showDelete = false;
     let showActivate = false;
+    let showRebuild = false;
 
     let selectedDeployment: Models.Deployment = null;
 
     function handleActivate() {
         invalidate(Dependencies.DEPLOYMENTS);
     }
 
+    function handleRebuild() {
+        invalidate(Dependencies.DEPLOYMENTS);
+    }
+
     $: activeDeployment = data.deployments.deployments.find((d) => d.$id === $func?.deployment);
 
     if (browser) {
@@ -215,6 +221,17 @@
                                                 }}>
                                                 Activate
                                             </DropListItem>
+                                            {#if 'failed' === deployment.status}
+                                                <DropListItem
+                                                    icon="refresh"
+                                                    on:click={() => {
+                                                        selectedDeployment = deployment;
+                                                        showRebuild = true;
+                                                        showDropdown = [];
+                                                    }}>
+                                                    Retry Build
+                                                </DropListItem>
+                                            {/if}
                                             <DropListItem
                                                 icon="terminal"
                                                 on:click={() => {
@@ -281,4 +298,5 @@
 {#if selectedDeployment}
     <Delete {selectedDeployment} bind:showDelete />
     <Activate {selectedDeployment} bind:showActivate on:activated={handleActivate} />
+    <Rebuild {selectedDeployment} bind:showRebuild on:rebuild={handleRebuild} />
 {/if}

src/routes/console/project-[project]/functions/function-[function]/rebuild.svelte

@@ -0,0 +1,46 @@
+<script lang="ts">
+    import { Submit, trackEvent, trackError } from '$lib/actions/analytics';
+    import { Modal } from '$lib/components';
+    import { Button } from '$lib/elements/forms';
+    import { addNotification } from '$lib/stores/notifications';
+    import { sdk } from '$lib/stores/sdk';
+    import type { Models } from '@appwrite.io/console';
+    import { createEventDispatcher } from 'svelte';
+
+    export let showRebuild = false;
+    export let selectedDeployment: Models.Deployment = null;
+
+    const dispatch = createEventDispatcher();
+
+    const handleSubmit = async () => {
+        try {
+            await sdk.forProject.functions.createBuild(
+                selectedDeployment.resourceId,
+                selectedDeployment.$id,
+                selectedDeployment.buildId
+            );
+            showRebuild = false;
+            addNotification({
+                type: 'success',
+                message: `Retrying build`
+            });
+            dispatch('rebuild');
+            trackEvent(Submit.DeploymentUpdate);
+        } catch (error) {
+            addNotification({
+                type: 'error',
+                message: error.message
+            });
+            trackError(error, Submit.DeploymentUpdate);
+        }
+    };
+</script>
+
+<Modal bind:show={showRebuild} onSubmit={handleSubmit}>
+    <svelte:fragment slot="header">Retry build</svelte:fragment>
+    <p>Are you sure you want to retry building this deployment?</p>
+    <svelte:fragment slot="footer">
+        <Button text on:click={() => (showRebuild = false)}>Cancel</Button>
+        <Button secondary submit>Retry build</Button>
+    </svelte:fragment>
+</Modal>