From 8f9c7cf867a77676ab900c9641de7ae56a6d9ef5 Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Mon, 26 May 2025 13:47:28 +0000
Subject: [PATCH] Fix: Remove duplicate close button in AboutModal

The AboutModal component was rendering a close button within its
DialogHeader, while the DialogContent component (from ui/dialog)
already provides a close button. This resulted in two overlapping
close buttons.

This commit removes the redundant close button from AboutModal.tsx,
leaving the one provided by DialogContent, which is correctly
positioned and functional.
---
 client/src/components/AboutModal.tsx | 8 --------
 1 file changed, 8 deletions(-)

diff --git a/client/src/components/AboutModal.tsx b/client/src/components/AboutModal.tsx
index c33f386..0c5591a 100644
--- a/client/src/components/AboutModal.tsx
+++ b/client/src/components/AboutModal.tsx
@@ -30,14 +30,6 @@ export default function AboutModal({ open, onOpenChange }: AboutModalProps) {
           <DialogDescription className="text-center">
             A modern visual code-snippet manager
           </DialogDescription>
-
-          <button
-            onClick={() => onOpenChange(false)}
-            className="absolute right-4 top-4 rounded-sm p-1 opacity-70 hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring"
-          >
-            <X className="h-4 w-4" />
-            <span className="sr-only">Close</span>
-          </button>
         </DialogHeader>
 
         <section className="space-y-6 py-4 text-sm">