Merge pull request #232 from Soohyuniii/feat/친구-채팅-제목에-이름-띄우기

Feat/친구 채팅 제목에 이름 띄우기

Author: Soohyuniii

src/App.tsx

@@ -71,7 +71,6 @@ const PageTracker = () => {
 const App = () => {
   useEffect(() => {
     initGA();
-    console.log("init");
   }, []);
 
   return (

src/components/Profile.tsx

@@ -30,7 +30,8 @@ const Profile = ({ info, deleteIndex, setVirtualFriendList }: ProfileProps) => {
       state: {
         mode: "virtualFriend",
         mbti: info.mbti,
-        id: info.virtualFriendId
+        id: info.virtualFriendId,
+        name: info.virtualFriendName
       }
     });
   };

src/pages/Chat.tsx

@@ -20,14 +20,14 @@ interface ChatResponse {
 
 const Chat = () => {
   const { state } = useLocation();
-  const { mbti, mode, id = Date.now().toString() } = state;
+  const { mbti, mode, id = Date.now().toString(), name } = state;
 
   const [messages, setMessages] = useState<Message[]>([]);
   const [input, setInput] = useState("");
   const [isOpen, setIsOpen] = useState(false);
   const bottomRef = useRef<HTMLDivElement | null>(null);
 
-  const chatTitle = `${mbti}와 대화`;
+  const chatTitle = mode === "fastFriend" ? `${mbti}와 대화` : `${name}과 대화`;
   const assistantInfo = mbti;
   const assistantImgUrl = pickMbtiImage(assistantInfo);
   const storageKey = `chatMessages_${id}`;

src/pages/SelectInfo.tsx

@@ -207,7 +207,8 @@ const SelectInfo = () => {
           state: {
             mbti,
             mode: type,
-            id: responseData.conversationId
+            id: responseData.conversationId,
+            name: responseData.virtualFriendName
           }
         });
       } else if (type === "fastFriend" && typeof responseData === "number") {