Merge pull request #157 from starlight-dari/main

feat: 챗봇 멘트 다르게 설정

Author: jjoo1229

src/components/chatbot/chatbotAlive.tsx

@@ -20,7 +20,18 @@ const aliveQuestions = [
 ];
 
 const ChatbotModalAlive = ({ onClose }: { onClose: () => void }) => {
-  return <ChatbotModalTemplate questions={aliveQuestions} onClose={onClose} />;
+  const introMessage = `💬 안녕하세요! 별빛다리 AI챗봇입니다. 반려 친구가 지금 함께하고 있다니 정말 다행이에요.
+건강하고 행복한 시간을 오래도록 이어가실 수 있도록
+🐶 펫 보험 정보와
+🐾 노령견/노묘를 위한 전문 관리 정보를 안내해드릴게요.
+궁금한 주제를 선택해주세요!`;
+  return (
+    <ChatbotModalTemplate
+      questions={aliveQuestions}
+      onClose={onClose}
+      introMessage={introMessage}
+    />
+  );
 };
 
 export default ChatbotModalAlive;

src/components/chatbot/chatbotNotAlive.tsx

@@ -17,8 +17,18 @@ const notAliveQuestions = [
 ];
 
 const ChatbotModalNotAlive = ({ onClose }: { onClose: () => void }) => {
+  const introMessage = `💬 안녕하세요! 별빛다리 AI챗봇입니다.
+먼저 소중한 반려 친구의 이별에 깊은 위로를 전합니다.
+지금은 많이 힘드실 수 있지만, 저희가 함께하겠습니다.
+🕊 장례식장 정보와
+💛 펫로스 증후군 극복 프로그램을 안내해드릴게요.
+도움이 필요한 항목을 선택해주세요. 언제나 곁에 있겠습니다.`;
   return (
-    <ChatbotModalTemplate questions={notAliveQuestions} onClose={onClose} />
+    <ChatbotModalTemplate
+      questions={notAliveQuestions}
+      onClose={onClose}
+      introMessage={introMessage}
+    />
   );
 };
 

src/components/chatbot/chatbotTemplate.tsx

@@ -15,9 +15,11 @@ interface QuestionData {
 const ChatbotModalTemplate = ({
   questions,
   onClose,
+  introMessage,
 }: {
   questions: QuestionData[];
   onClose: () => void;
+  introMessage: string;
 }) => {
   const server_url = process.env.NEXT_PUBLIC_SERVER_URL;
   const [question, setQuestion] = useState<string>("");
@@ -130,15 +132,7 @@ const ChatbotModalTemplate = ({
         <ChatWindow ref={chatWindowRef}>
           {category === null && (
             <>
-              <IntroText>
-                안녕하세요! 별빛다리 AI챗봇입니다.
-                <br />
-                장례식장, 펫로스증후군 극복 프로그램, 펫 보험, 노령견/노묘 전문
-                정보에 대해 무엇이든 물어보세요. 최선을 다해 답변해드릴게요.
-                <br />
-                <br />
-                카테고리를 선택해주세요.
-              </IntroText>
+              <IntroText>{introMessage}</IntroText>
               {questions.map((q) => (
                 <CategoryButton
                   key={q.id}