aimond/sapiens-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve settings modal by adding a description for customization options

Browse Source 
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
This commit is contained in:
kimjaehyeon0101
2025-09-29 22:07:42 +00:00
parent dd191e22f0
commit 0cf21ec59d
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/SettingsModal.tsx
View File

@ -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">