From 174b07711de07f4a85478eca9ac05caa0cf9727d Mon Sep 17 00:00:00 2001
From: hmacr <hmac.devo@gmail.com>
Date: Mon, 21 Jul 2025 16:41:24 +0530
Subject: [PATCH 1/2] fix: Hide redeploy button when `sourceSize` is 0

---
 .../functions/function-[function]/+page.svelte                | 2 +-
 .../function-[function]/deployment-[deployment]/+page.svelte  | 2 +-
 .../deployments/deployment-[deployment]/+page.svelte          | 4 +++-
 3 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
index 3c35c79b8..f12b3c5cf 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
@@ -98,7 +98,7 @@
                                 </Button>
                                 <svelte:fragment slot="menu" let:toggle>
                                     <ActionMenu.Root>
-                                        {#if $canWriteFunctions}
+                                        {#if $canWriteFunctions && activeDeployment.sourceSize !== 0}
                                             <ActionMenu.Item.Button
                                                 trailingIcon={IconRefresh}
                                                 on:click={() => {
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
index 7f64649ea..edb10ae8d 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
@@ -97,7 +97,7 @@
                     </Button>
                     <svelte:fragment slot="menu" let:toggle>
                         <ActionMenu.Root>
-                            {#if $canWriteFunctions}
+                            {#if $canWriteFunctions && data.deployment.sourceSize !== 0}
                                 <ActionMenu.Item.Button
                                     trailingIcon={IconRefresh}
                                     on:click={() => {
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index 82db52688..850493263 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -56,7 +56,9 @@
                 </Button>
             {/if}
 
-            <Button secondary on:click={() => (showRedeploy = true)}>Redeploy</Button>
+            {#if deployment?.sourceSize !== 0}
+                <Button secondary on:click={() => (showRedeploy = true)}>Redeploy</Button>
+            {/if}
             <DeploymentActionMenu
                 inCard
                 {deployment}

From 8268011ff5944cf588d4a8a583e504e9c4acdd4c Mon Sep 17 00:00:00 2001
From: hmacr <hmac.devo@gmail.com>
Date: Tue, 22 Jul 2025 09:37:05 +0530
Subject: [PATCH 2/2] disabled button with tooltip

---
 .../function-[function]/+page.svelte          | 43 +++++++++++++------
 .../deployment-[deployment]/+page.svelte      | 30 ++++++++-----
 .../function-[function]/table.svelte          | 32 ++++++++------
 .../(components)/deploymentActionMenu.svelte  | 31 +++++++------
 .../deployment-[deployment]/+page.svelte      | 16 +++++--
 5 files changed, 101 insertions(+), 51 deletions(-)

diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
index f12b3c5cf..ed9a8cc36 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/+page.svelte
@@ -12,7 +12,15 @@
     import DeploymentCard from './(components)/deploymentCard.svelte';
     import RedeployModal from './(modals)/redeployModal.svelte';
     import { canWriteFunctions } from '$lib/stores/roles';
-    import { ActionMenu, Alert, Card, Empty, Icon, Layout } from '@appwrite.io/pink-svelte';
+    import {
+        ActionMenu,
+        Alert,
+        Card,
+        Empty,
+        Icon,
+        Layout,
+        Tooltip
+    } from '@appwrite.io/pink-svelte';
     import { Click, trackEvent } from '$lib/actions/analytics';
     import {
         IconDotsHorizontal,
@@ -98,17 +106,28 @@
                                 </Button>
                                 <svelte:fragment slot="menu" let:toggle>
                                     <ActionMenu.Root>
-                                        {#if $canWriteFunctions && activeDeployment.sourceSize !== 0}
-                                            <ActionMenu.Item.Button
-                                                trailingIcon={IconRefresh}
-                                                on:click={() => {
-                                                    selectedDeployment = activeDeployment;
-                                                    showRedeploy = true;
-                                                    trackEvent(Click.FunctionsRedeployClick);
-                                                    toggle();
-                                                }}>
-                                                Redeploy
-                                            </ActionMenu.Item.Button>
+                                        {#if $canWriteFunctions}
+                                            <Tooltip
+                                                disabled={activeDeployment.sourceSize !== 0}
+                                                placement={'bottom'}>
+                                                <div>
+                                                    <ActionMenu.Item.Button
+                                                        trailingIcon={IconRefresh}
+                                                        disabled={activeDeployment.sourceSize === 0}
+                                                        on:click={() => {
+                                                            selectedDeployment = activeDeployment;
+                                                            showRedeploy = true;
+                                                            trackEvent(
+                                                                Click.FunctionsRedeployClick
+                                                            );
+                                                            toggle();
+                                                        }}
+                                                        style="width: 100%">
+                                                        Redeploy
+                                                    </ActionMenu.Item.Button>
+                                                </div>
+                                                <div slot="tooltip">Source is empty</div>
+                                            </Tooltip>
                                         {/if}
                                         <DownloadActionMenuItem
                                             deployment={activeDeployment}
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
index edb10ae8d..83247cdb2 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/deployment-[deployment]/+page.svelte
@@ -19,6 +19,7 @@
         Layout,
         Logs,
         Spinner,
+        Tooltip,
         Typography
     } from '@appwrite.io/pink-svelte';
     import { capitalize } from '$lib/helpers/string';
@@ -97,16 +98,25 @@
                     </Button>
                     <svelte:fragment slot="menu" let:toggle>
                         <ActionMenu.Root>
-                            {#if $canWriteFunctions && data.deployment.sourceSize !== 0}
-                                <ActionMenu.Item.Button
-                                    trailingIcon={IconRefresh}
-                                    on:click={() => {
-                                        showRedeploy = true;
-                                        trackEvent(Click.FunctionsRedeployClick);
-                                        toggle();
-                                    }}>
-                                    Redeploy
-                                </ActionMenu.Item.Button>
+                            {#if $canWriteFunctions}
+                                <Tooltip
+                                    disabled={data.deployment.sourceSize !== 0}
+                                    placement={'bottom'}>
+                                    <div>
+                                        <ActionMenu.Item.Button
+                                            trailingIcon={IconRefresh}
+                                            disabled={data.deployment.sourceSize === 0}
+                                            on:click={() => {
+                                                showRedeploy = true;
+                                                trackEvent(Click.FunctionsRedeployClick);
+                                                toggle();
+                                            }}
+                                            style="width: 100%">
+                                            Redeploy
+                                        </ActionMenu.Item.Button>
+                                    </div>
+                                    <div slot="tooltip">Source is empty</div>
+                                </Tooltip>
                             {/if}
                             {#if !!data.deployment?.sourceSize || !!data.deployment?.sourceSize}
                                 <DownloadActionMenuItem deployment={data.deployment} {toggle} />
diff --git a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte
index fdfdfdb14..d4691d150 100644
--- a/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte
+++ b/src/routes/(console)/project-[region]-[project]/functions/function-[function]/table.svelte
@@ -20,7 +20,8 @@
         FloatingActionBar,
         Icon,
         Status,
-        Table
+        Table,
+        Tooltip
     } from '@appwrite.io/pink-svelte';
     import { Click, Submit, trackError, trackEvent } from '$lib/actions/analytics';
     import {
@@ -149,18 +150,23 @@
 
                     <svelte:fragment slot="menu" let:toggle>
                         <ActionMenu.Root>
-                            {#if deployment.sourceSize !== 0}
-                                <ActionMenu.Item.Button
-                                    trailingIcon={IconRefresh}
-                                    on:click={() => {
-                                        selectedDeployment = deployment;
-                                        showRedeploy = true;
-                                        toggle();
-                                        trackEvent(Click.FunctionsRedeployClick);
-                                    }}>
-                                    Redeploy
-                                </ActionMenu.Item.Button>
-                            {/if}
+                            <Tooltip disabled={deployment.sourceSize !== 0} placement={'bottom'}>
+                                <div>
+                                    <ActionMenu.Item.Button
+                                        trailingIcon={IconRefresh}
+                                        disabled={deployment.sourceSize === 0}
+                                        on:click={() => {
+                                            selectedDeployment = deployment;
+                                            showRedeploy = true;
+                                            toggle();
+                                            trackEvent(Click.FunctionsRedeployClick);
+                                        }}
+                                        style="width: 100%">
+                                        Redeploy
+                                    </ActionMenu.Item.Button>
+                                </div>
+                                <div slot="tooltip">Source is empty</div>
+                            </Tooltip>
                             {#if deployment.status === 'ready' && deployment.$id !== $func.deploymentId}
                                 <ActionMenu.Item.Button
                                     trailingIcon={IconLightningBolt}
diff --git a/src/routes/(console)/project-[region]-[project]/sites/(components)/deploymentActionMenu.svelte b/src/routes/(console)/project-[region]-[project]/sites/(components)/deploymentActionMenu.svelte
index 3c127f1eb..1c8274143 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/(components)/deploymentActionMenu.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/(components)/deploymentActionMenu.svelte
@@ -14,7 +14,7 @@
         IconTrash,
         IconXCircle
     } from '@appwrite.io/pink-icons-svelte';
-    import { ActionMenu, Icon } from '@appwrite.io/pink-svelte';
+    import { ActionMenu, Icon, Tooltip } from '@appwrite.io/pink-svelte';
 
     export let selectedDeployment: Models.Deployment;
     export let deployment: Models.Deployment;
@@ -55,17 +55,24 @@
     </Button>
     <svelte:fragment slot="menu" let:toggle>
         <ActionMenu.Root>
-            {#if !inCard && selectedDeployment?.sourceSize !== 0}
-                <ActionMenu.Item.Button
-                    leadingIcon={IconRefresh}
-                    on:click={(e) => {
-                        e.preventDefault();
-                        selectedDeployment = deployment;
-                        showRedeploy = true;
-                        toggle();
-                    }}>
-                    Redeploy
-                </ActionMenu.Item.Button>
+            {#if !inCard}
+                <Tooltip disabled={selectedDeployment?.sourceSize !== 0} placement={'bottom'}>
+                    <div>
+                        <ActionMenu.Item.Button
+                            leadingIcon={IconRefresh}
+                            disabled={selectedDeployment?.sourceSize === 0}
+                            on:click={(e) => {
+                                e.preventDefault();
+                                selectedDeployment = deployment;
+                                showRedeploy = true;
+                                toggle();
+                            }}
+                            style="width: 100%">
+                            Redeploy
+                        </ActionMenu.Item.Button>
+                    </div>
+                    <div slot="tooltip">Source is empty</div>
+                </Tooltip>
             {/if}
             {#if deployment?.status === 'ready' && deployment?.$id !== activeDeployment}
                 <ActionMenu.Item.Button
diff --git a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
index 850493263..4e5651181 100644
--- a/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
+++ b/src/routes/(console)/project-[region]-[project]/sites/site-[site]/deployments/deployment-[deployment]/+page.svelte
@@ -12,7 +12,7 @@
     import CancelDeploymentModal from '../cancelDeploymentModal.svelte';
     import RedeployModal from '../../../redeployModal.svelte';
     import ActivateDeploymentModal from '../../../activateDeploymentModal.svelte';
-    import { Accordion } from '@appwrite.io/pink-svelte';
+    import { Accordion, Tooltip } from '@appwrite.io/pink-svelte';
     import { capitalize } from '$lib/helpers/string';
     import LogsTimer from '../../../(components)/logsTimer.svelte';
     import { invalidate } from '$app/navigation';
@@ -56,9 +56,17 @@
                 </Button>
             {/if}
 
-            {#if deployment?.sourceSize !== 0}
-                <Button secondary on:click={() => (showRedeploy = true)}>Redeploy</Button>
-            {/if}
+            <Tooltip disabled={deployment?.sourceSize !== 0} placement={'bottom'}>
+                <div>
+                    <Button
+                        secondary
+                        disabled={deployment?.sourceSize === 0}
+                        on:click={() => (showRedeploy = true)}>
+                        Redeploy
+                    </Button>
+                </div>
+                <div slot="tooltip">Source is empty</div>
+            </Tooltip>
             <DeploymentActionMenu
                 inCard
                 {deployment}