From c37cb565bb6cfa58fe37e5b9aa1c7a3fbc8fdd38 Mon Sep 17 00:00:00 2001
From: "gpt-engineer-app[bot]"
 <159125892+gpt-engineer-app[bot]@users.noreply.github.com>
Date: Sat, 22 Mar 2025 06:12:02 +0000
Subject: [PATCH] Show welcome dialog in settings

- Added functionality to display the welcome dialog from the help and support settings.
- Replaced the "App Info" card with the welcome dialog trigger in the help and support section.
---
 src/pages/HelpSupport.tsx | 30 +++++++++++++++++++++++++-----
 1 file changed, 25 insertions(+), 5 deletions(-)

diff --git a/src/pages/HelpSupport.tsx b/src/pages/HelpSupport.tsx
index 12d27dc..40319a0 100644
--- a/src/pages/HelpSupport.tsx
+++ b/src/pages/HelpSupport.tsx
@@ -1,15 +1,17 @@
 
 import React, { useState } from 'react';
-import { ArrowLeft, HelpCircle, Info, ExternalLink, ShieldQuestion } from 'lucide-react';
+import { ArrowLeft, HelpCircle, Book, ExternalLink, ShieldQuestion } from 'lucide-react';
 import { useNavigate } from 'react-router-dom';
 import { Button } from '@/components/ui/button';
 import { Accordion, AccordionContent, AccordionItem, AccordionTrigger } from '@/components/ui/accordion';
 import { Card } from '@/components/ui/card';
 import { toast } from 'sonner';
+import WelcomeDialog from '@/components/onboarding/WelcomeDialog';
 
 const HelpSupport = () => {
   const navigate = useNavigate();
   const [messageText, setMessageText] = useState('');
+  const [showWelcomeDialog, setShowWelcomeDialog] = useState(false);
   
   const faqItems = [
     {
@@ -44,6 +46,18 @@ const HelpSupport = () => {
     setMessageText('');
   };
   
+  const handleShowWelcomeDialog = () => {
+    setShowWelcomeDialog(true);
+  };
+  
+  const handleCloseWelcomeDialog = (dontShowAgain: boolean) => {
+    setShowWelcomeDialog(false);
+    
+    if (dontShowAgain) {
+      toast.info('환영 화면이 더 이상 표시되지 않도록 설정되었습니다.');
+    }
+  };
+  
   return (
     <div className="min-h-screen bg-neuro-background pb-24">
       <div className="max-w-md mx-auto px-6">
@@ -66,11 +80,14 @@ const HelpSupport = () => {
             <h3 className="font-medium">자주 묻는 질문</h3>
           </Card>
           
-          <Card className="neuro-flat p-4 flex flex-col items-center text-center cursor-pointer hover:shadow-neuro-convex transition-all duration-300">
+          <Card 
+            className="neuro-flat p-4 flex flex-col items-center text-center cursor-pointer hover:shadow-neuro-convex transition-all duration-300"
+            onClick={handleShowWelcomeDialog}
+          >
             <div className="neuro-pressed p-3 rounded-full text-neuro-income mb-2">
-              <Info size={24} />
+              <Book size={24} />
             </div>
-            <h3 className="font-medium">앱 정보</h3>
+            <h3 className="font-medium">초기 화면 보기</h3>
           </Card>
         </div>
         
@@ -118,7 +135,7 @@ const HelpSupport = () => {
               <ExternalLink size={16} className="ml-auto text-gray-400" />
             </a>
             <a href="#" className="flex items-center p-3 neuro-pressed rounded-md hover:opacity-80 transition-opacity">
-              <Info size={20} className="mr-3 text-neuro-income" />
+              <ShieldQuestion size={20} className="mr-3 text-neuro-income" />
               <span>이용약관</span>
               <ExternalLink size={16} className="ml-auto text-gray-400" />
             </a>
@@ -130,6 +147,9 @@ const HelpSupport = () => {
           </div>
         </div>
       </div>
+      
+      {/* 환영 다이얼로그 */}
+      <WelcomeDialog open={showWelcomeDialog} onClose={handleCloseWelcomeDialog} />
     </div>
   );
 };