From fc1dbcf51af3653bcce664f544f4c70ab09b53cc Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sat, 8 Mar 2025 18:40:23 -0600
Subject: [PATCH] feat(services): improve bulk move project selection UX

- Add empty state handling when no other projects are available
- Disable move button when no target projects exist
- Provide clear guidance for users to create a new project before moving services
---
 .../pages/dashboard/project/[projectId].tsx   | 59 ++++++++++++-------
 1 file changed, 39 insertions(+), 20 deletions(-)

diff --git a/apps/dokploy/pages/dashboard/project/[projectId].tsx b/apps/dokploy/pages/dashboard/project/[projectId].tsx
index 37a6b3449..2f550dbae 100644
--- a/apps/dokploy/pages/dashboard/project/[projectId].tsx
+++ b/apps/dokploy/pages/dashboard/project/[projectId].tsx
@@ -587,26 +587,40 @@ const Project = (
 																</DialogDescription>
 															</DialogHeader>
 															<div className="flex flex-col gap-4">
-																<Select
-																	value={selectedTargetProject}
-																	onValueChange={setSelectedTargetProject}
-																>
-																	<SelectTrigger>
-																		<SelectValue placeholder="Select target project" />
-																	</SelectTrigger>
-																	<SelectContent>
-																		{allProjects
-																			?.filter((p) => p.projectId !== projectId)
-																			.map((project) => (
-																				<SelectItem
-																					key={project.projectId}
-																					value={project.projectId}
-																				>
-																					{project.name}
-																				</SelectItem>
-																			))}
-																	</SelectContent>
-																</Select>
+																{allProjects?.filter(
+																	(p) => p.projectId !== projectId,
+																).length === 0 ? (
+																	<div className="flex flex-col items-center justify-center gap-2 py-4">
+																		<FolderInput className="h-8 w-8 text-muted-foreground" />
+																		<p className="text-sm text-muted-foreground text-center">
+																			No other projects available. Create a new
+																			project first to move services.
+																		</p>
+																	</div>
+																) : (
+																	<Select
+																		value={selectedTargetProject}
+																		onValueChange={setSelectedTargetProject}
+																	>
+																		<SelectTrigger>
+																			<SelectValue placeholder="Select target project" />
+																		</SelectTrigger>
+																		<SelectContent>
+																			{allProjects
+																				?.filter(
+																					(p) => p.projectId !== projectId,
+																				)
+																				.map((project) => (
+																					<SelectItem
+																						key={project.projectId}
+																						value={project.projectId}
+																					>
+																						{project.name}
+																					</SelectItem>
+																				))}
+																		</SelectContent>
+																	</Select>
+																)}
 															</div>
 															<DialogFooter>
 																<Button
@@ -618,6 +632,11 @@ const Project = (
 																<Button
 																	onClick={handleBulkMove}
 																	isLoading={isBulkActionLoading}
+																	disabled={
+																		allProjects?.filter(
+																			(p) => p.projectId !== projectId,
+																		).length === 0
+																	}
 																>
 																	Move Services
 																</Button>