From ce27509fe433d5beb2158e033d2af80076d6f629 Mon Sep 17 00:00:00 2001
From: shivam <91240327+shivamhwp@users.noreply.github.com>
Date: Tue, 10 Nov 2026 14:25:19 +0000
Subject: [PATCH] fix(web): publish dialog's failure banner uses the shared
 error alert

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
---
 apps/web/src/components/PublishRepositoryDialog.tsx | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/apps/web/src/components/PublishRepositoryDialog.tsx b/apps/web/src/components/PublishRepositoryDialog.tsx
index fc1b00013f9c3..982a27363811d 100644
--- a/apps/web/src/components/PublishRepositoryDialog.tsx
+++ b/apps/web/src/components/PublishRepositoryDialog.tsx
@@ -23,6 +23,7 @@ import { sourceControlEnvironment } from "~/state/sourceControl";
 import { sourceControlIcon } from "~/sourceControlPresentation";
 import { sourceControlClients } from "@t3tools/client-runtime/source-control-clients";
 import { DialogSubmitKbd, isDialogSubmitShortcut } from "./DialogSubmitShortcut";
+import { Alert, AlertDescription, AlertTitle } from "./ui/alert";
 import { Button } from "./ui/button";
 import {
   Dialog,
@@ -451,13 +452,10 @@ export function PublishRepositoryDialog(props: PublishRepositoryDialogProps) {
               ) : null}
 
               {publishError && !isPending ? (
-                <div
-                  role="alert"
-                  className="rounded-control border border-error/40 bg-error/10 px-3 py-2 text-meta text-destructive-foreground"
-                >
-                  <p className="text-label">Publish failed</p>
-                  <p className="mt-0.5 text-error-foreground">{publishError}</p>
-                </div>
+                <Alert variant="error">
+                  <AlertTitle>Publish failed</AlertTitle>
+                  <AlertDescription>{publishError}</AlertDescription>
+                </Alert>
               ) : null}
             </DialogPanel>
             <DialogFooter variant="bare">