From 52a660add37aedf8856955c606790572ed1ad401 Mon Sep 17 00:00:00 2001
From: Mauricio Siu <47042324+Siumauricio@users.noreply.github.com>
Date: Wed, 30 Apr 2025 01:32:38 -0600
Subject: [PATCH] Update validation error messaging in ShowDomainsCompose and
 refine button styling in ShowBackups for improved UI consistency.

---
 .../dashboard/compose/domains/show-domains.tsx        |  2 +-
 .../dashboard/database/backups/show-backups.tsx       | 11 +----------
 2 files changed, 2 insertions(+), 11 deletions(-)

diff --git a/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx b/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx
index d5b876aa..014f82a5 100644
--- a/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx
+++ b/apps/dokploy/components/dashboard/compose/domains/show-domains.tsx
@@ -331,7 +331,7 @@ export const ShowDomainsCompose = ({ composeId }: Props) => {
 																	) : validationState?.error ? (
 																		<>
 																			<XCircle className="size-3 mr-1" />
-																			DNS Invalid
+																			{validationState.error}
 																		</>
 																	) : (
 																		<>
diff --git a/apps/dokploy/components/dashboard/database/backups/show-backups.tsx b/apps/dokploy/components/dashboard/database/backups/show-backups.tsx
index ff31da75..a50d2057 100644
--- a/apps/dokploy/components/dashboard/database/backups/show-backups.tsx
+++ b/apps/dokploy/components/dashboard/database/backups/show-backups.tsx
@@ -20,7 +20,6 @@ import { useState } from "react";
 import { toast } from "sonner";
 import type { ServiceType } from "../../application/advanced/show-resources";
 import { RestoreBackup } from "./restore-backup";
-import { AlertBlock } from "@/components/shared/alert-block";
 import { HandleBackup } from "./handle-backup";
 import { cn } from "@/lib/utils";
 import {
@@ -164,14 +163,6 @@ export const ShowBackups = ({
 							</div>
 						) : (
 							<div className="flex flex-col pt-2 gap-4">
-								<div className="flex flex-col gap-4 w-full">
-									{backupType === "compose" && (
-										<AlertBlock type="info">
-											Deploy is required to apply changes after creating or
-											updating the service name in the backup.
-										</AlertBlock>
-									)}
-								</div>
 								<div className="flex flex-col gap-6">
 									{postgres?.backups.map((backup) => (
 										<div key={backup.backupId}>
@@ -300,7 +291,7 @@ export const ShowBackups = ({
 																		setActiveManualBackup(undefined);
 																	}}
 																>
-																	<Play className="size-4 text-muted-foreground" />
+																	<Play className="size-4 " />
 																</Button>
 															</TooltipTrigger>
 															<TooltipContent>Run Manual Backup</TooltipContent>