From 0cf21ec59d5aad3a1234d730c7d678834456f6ab Mon Sep 17 00:00:00 2001
From: kimjaehyeon0101 <47347352-kimjaehyeon0101@users.noreply.replit.com>
Date: Mon, 29 Sep 2025 22:07:42 +0000
Subject: [PATCH] Improve settings modal by adding a description for
 customization options

Add DialogDescription component to SettingsModal.tsx, detailing theme and language customization.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: 069d4324-6c40-4355-955e-c714a50de1ea
Replit-Commit-Checkpoint-Type: full_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/3df548ff-50ae-432f-9be4-25d34eccc983/069d4324-6c40-4355-955e-c714a50de1ea/9tQ591o
---
 client/src/components/SettingsModal.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/client/src/components/SettingsModal.tsx b/client/src/components/SettingsModal.tsx
index acf9471..13de286 100644
--- a/client/src/components/SettingsModal.tsx
+++ b/client/src/components/SettingsModal.tsx
@@ -1,4 +1,4 @@
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@/components/ui/dialog";
+import { Dialog, DialogContent, DialogHeader, DialogTitle, DialogDescription } from "@/components/ui/dialog";
 import { Label } from "@/components/ui/label";
 import { useState, useEffect } from "react";
 import { Sun, Moon, Monitor } from "lucide-react";
@@ -68,6 +68,9 @@ export default function SettingsModal({ isOpen, onClose }: SettingsModalProps) {
       <DialogContent className="sm:max-w-md" data-testid="modal-settings">
         <DialogHeader>
           <DialogTitle>Settings</DialogTitle>
+          <DialogDescription>
+            Customize your theme and language preferences
+          </DialogDescription>
         </DialogHeader>
         
         <div className="space-y-6">