From 80ede659fb736f239214a6b2f89cf5e286e796fc Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Sat, 5 Jul 2025 16:00:01 -0600
Subject: [PATCH] feat(volume-backups): enhance volume backup display with
 restore functionality

- Wrapped the volume backup handling component with a fragment to include the restore functionality.
- Added a new div for better layout and organization of the volume backup and restore components, improving user experience.
---
 .../volume-backups/show-volume-backups.tsx        | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/apps/dokploy/components/dashboard/application/volume-backups/show-volume-backups.tsx b/apps/dokploy/components/dashboard/application/volume-backups/show-volume-backups.tsx
index 56223f3bf..bb071947e 100644
--- a/apps/dokploy/components/dashboard/application/volume-backups/show-volume-backups.tsx
+++ b/apps/dokploy/components/dashboard/application/volume-backups/show-volume-backups.tsx
@@ -76,11 +76,18 @@ export const ShowVolumeBackups = ({
 
 					<div className="flex items-center gap-2">
 						{volumeBackups && volumeBackups.length > 0 && (
-							<HandleVolumeBackups id={id} volumeBackupType={type} />
+							<>
+								<HandleVolumeBackups id={id} volumeBackupType={type} />
+
+								<div className="flex items-center gap-2">
+									<RestoreVolumeBackups
+										id={id}
+										type={type}
+										serverId={serverId}
+									/>
+								</div>
+							</>
 						)}
-						<div className="flex items-center gap-2">
-							<RestoreVolumeBackups id={id} type={type} serverId={serverId} />
-						</div>
 					</div>
 				</div>
 			</CardHeader>