From b441ceb44aa3de1a5d0da71a96b1719e2bcff00c Mon Sep 17 00:00:00 2001
From: loks0n <22452787+loks0n@users.noreply.github.com>
Date: Fri, 28 Jun 2024 22:38:58 +0100
Subject: [PATCH] feat: cancel from submenu

---
 .../functions/function-[function]/+page.svelte    | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
index aa0c3c17b..a119e28b6 100644
--- a/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/console/project-[project]/functions/function-[function]/+page.svelte
@@ -33,6 +33,7 @@
     import Delete from './delete.svelte';
     import Create from './create.svelte';
     import Activate from './activate.svelte';
+    import Cancel from './cancel.svelte';
     import { calculateTime } from '$lib/helpers/timeConversion';
     import { Pill } from '$lib/elements';
     import RedeployModal from './redeployModal.svelte';
@@ -46,6 +47,7 @@
 
     let showDropdown = [];
     let showDelete = false;
+    let showCancel = false;
     let showActivate = false;
     let showRedeploy = false;
     let showAlert = true;
@@ -148,7 +150,6 @@
                             }}>
                             Redeploy
                         </Button>
-
                         <Button
                             secondary
                             on:click={() => {
@@ -292,6 +293,17 @@
                                                 href={`/console/project-${$page.params.project}/functions/function-${$page.params.function}/deployment-${deployment.$id}`}>
                                                 Logs
                                             </DropListLink>
+                                            {#if deployment.status === 'processing'}
+                                                <DropListItem
+                                                    icon="x-circle"
+                                                    on:click={() => {
+                                                        selectedDeployment = deployment;
+                                                        showDropdown = [];
+                                                        showCancel = true;
+                                                    }}>
+                                                    Cancel
+                                                </DropListItem>
+                                            {/if}
                                             <DropListItem
                                                 icon="trash"
                                                 on:click={() => {
@@ -359,6 +371,7 @@
 
 {#if selectedDeployment}
     <Delete {selectedDeployment} bind:showDelete />
+    <Cancel {selectedDeployment} bind:showCancel />
     <Activate {selectedDeployment} bind:showActivate on:activated={handleActivate} />
     <RedeployModal {selectedDeployment} bind:show={showRedeploy} />
 {/if}