From 3dd065dd7b6493075dd090e5b5d3389f6cfbfea2 Mon Sep 17 00:00:00 2001
From: Donald Zou <donaldzou@live.hk>
Date: Tue, 12 Aug 2025 17:21:08 +0800
Subject: [PATCH] Update client deletion

Optimized client deletion
---
 .../app/src/components/clientComponents/clientSettings.vue  | 2 +-
 .../app/src/components/clientComponents/clientViewer.vue    | 6 +++---
 src/static/app/src/views/clients.vue                        | 6 +++++-
 3 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/src/static/app/src/components/clientComponents/clientSettings.vue b/src/static/app/src/components/clientComponents/clientSettings.vue
index 5e8d985a..7adb7805 100644
--- a/src/static/app/src/components/clientComponents/clientSettings.vue
+++ b/src/static/app/src/components/clientComponents/clientSettings.vue
@@ -12,7 +12,7 @@ const values = reactive({
 </script>
 
 <template>
-<div class="position-absolute w-100 h-100 top-0 start-0 z-1 rounded-3 d-flex p-2" style="background-color: #00000070;">
+<div class="position-absolute w-100 h-100 top-0 start-0 z-1 rounded-3 d-flex p-2" style="background-color: #00000070; z-index: 9999">
 	<div class="card m-auto rounded-3" style="width: 700px">
 		<div class="card-header bg-transparent d-flex align-items-center gap-2 border-0 p-4 pb-2">
 			<h4 class="mb-0">
diff --git a/src/static/app/src/components/clientComponents/clientViewer.vue b/src/static/app/src/components/clientComponents/clientViewer.vue
index d12de7be..3ffc13e5 100644
--- a/src/static/app/src/components/clientComponents/clientViewer.vue
+++ b/src/static/app/src/components/clientComponents/clientViewer.vue
@@ -64,9 +64,9 @@ const updateProfile = async () => {
 		updatingProfile.value = false
 	})
 }
-const deleteSuccess = () => {
-	router.push('/clients')
-	emits("deleteSuccess")
+const deleteSuccess = async () => {
+	await router.push('/clients')
+	await assignmentStore.getClients()
 }
 
 </script>
diff --git a/src/static/app/src/views/clients.vue b/src/static/app/src/views/clients.vue
index e7004321..e0891a98 100644
--- a/src/static/app/src/views/clients.vue
+++ b/src/static/app/src/views/clients.vue
@@ -22,6 +22,10 @@ const oidc = computed(() => {
 		)
 	)
 })
+
+const deleteSuccess = async () => {
+	await assignmentStore.getClients();
+}
 </script>
 
 <template>
@@ -62,7 +66,7 @@ const oidc = computed(() => {
 				<div
 					:class="{'hide': !route.params.id}"
 					class="col-sm-8 clientViewerContainer">
-					<RouterView @deleteSuccess="async () => { await assignmentStore.getClients()}"></RouterView>
+					<RouterView></RouterView>
 				</div>
 			</div>
 		</div>