fix: empty remote destinations could be removed

apps/api/src/routes/api/v1/destinations/handlers.ts

@@ -54,7 +54,7 @@ export async function getDestination(request: FastifyRequest<OnlyId>) {
         const teamId = request.user?.teamId;
         const destination = await prisma.destinationDocker.findFirst({
             where: { id, teams: { some: { id: teamId === '0' ? undefined : teamId } } },
-            include: { sshKey: true }
+            include: { sshKey: true, application: true, service: true, database: true }
         });
         if (!destination && id !== 'new') {
             throw { status: 404, message: `Destination not found.` };

apps/ui/src/routes/destinations/[id]/__layout.svelte

@@ -58,8 +58,10 @@
 	import DeleteIcon from '$lib/components/DeleteIcon.svelte';
 
 	const { id } = $page.params;
-
+	const isDestinationDeletable = destination.application.length === 0 && destination.database.length === 0 && destination.service.length === 0
+	
 	async function deleteDestination(destination: any) {
+		if (!isDestinationDeletable) return
 		const sure = confirm($t('application.confirm_to_delete', { name: destination.name }));
 		if (sure) {
 			try {
@@ -70,20 +72,29 @@
 			}
 		}
 	}
+	function deletable() {
+		if (!isDestinationDeletable) {
+			return "Please delete all resources before deleting this."
+		}
+		if ($appSession.isAdmin) {
+			return $t('destination.delete_destination')
+		} else {
+			return $t('destination.permission_denied_delete_destination')
+		}
+	}
 </script>
 
 {#if id !== 'new'}
 	<nav class="nav-side">
 		<button
 			on:click={() => deleteDestination(destination)}
-			title={$t('source.delete_git_source')}
+			title={$t('destination.delete_destination')}
 			type="submit"
-			disabled={!$appSession.isAdmin}
+			disabled={!$appSession.isAdmin && isDestinationDeletable}
-			class:hover:text-red-500={$appSession.isAdmin}
+			class:hover:text-red-500={$appSession.isAdmin && isDestinationDeletable}
 			class="icons tooltip-bottom bg-transparent text-sm"
-			data-tooltip={$appSession.isAdmin
+			class:text-stone-600={!isDestinationDeletable}
-				? $t('destination.delete_destination')
+			data-tooltip={deletable()}><DeleteIcon /></button
-				: $t('destination.permission_denied_delete_destination')}><DeleteIcon /></button
 		>
 	</nav>
 {/if}