From a0ced67b4bb6a45b90979dbe05c2edec035a414d Mon Sep 17 00:00:00 2001
From: Harsh Mahajan <127186841+HarshMN2345@users.noreply.github.com>
Date: Wed, 3 Sep 2025 18:16:32 +0530
Subject: [PATCH] fix: added divider and delete button status danger

---
 src/lib/components/archiveProject.svelte | 16 +++++++++++++---
 1 file changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/lib/components/archiveProject.svelte b/src/lib/components/archiveProject.svelte
index a49e58403..30e7d18d0 100644
--- a/src/lib/components/archiveProject.svelte
+++ b/src/lib/components/archiveProject.svelte
@@ -10,7 +10,8 @@
         Accordion,
         ActionMenu,
         Popover,
-        Layout
+        Layout,
+        Divider
     } from '@appwrite.io/pink-svelte';
     import {
         IconAndroid,
@@ -264,7 +265,11 @@
                                                 leadingIcon={IconSwitchHorizontal}
                                                 on:click={() => handleMigrateProject(project)}
                                                 >Migrate project</ActionMenu.Item.Button>
+                                            <div class="action-menu-divider">
+                                                <Divider />
+                                            </div>
                                             <ActionMenu.Item.Button
+                                                status="danger"
                                                 leadingIcon={IconTrash}
                                                 on:click={() => handleDeleteProject(project)}
                                                 >Delete project</ActionMenu.Item.Button>
@@ -325,8 +330,8 @@
     onSubmit={confirmDelete}
     bind:error={deleteError}>
     <svelte:fragment slot="description">
-        This archived project will be deleted along with all of its metadata, stats, and other
-        resources.
+        The archived project <strong>{projectToDelete?.name}</strong> will be deleted along with all
+        of its metadata, stats, and other resources.
         <b>This action is irreversible.</b>
     </svelte:fragment>
 
@@ -357,6 +362,11 @@
     .archive-projects-margin-top {
         margin-top: 36px;
     }
+    .action-menu-divider {
+        margin-inline: -1rem;
+        padding-block-start: 0.25rem;
+        padding-block-end: 0.25rem;
+    }
 
     .archive-projects-margin {
         margin-top: 16px;