Merge pull request #759 from sparcs-kaist/#758-mypage-open-channeltal…

…k-on-query

#758 특정 쿼리에서 채널톡 창 열기

packages/web/src/hooks/skeleton/useChannelTalkEffect/channelService.js

@@ -45,6 +45,9 @@ class ChannelService {
   shutdown() {
     window.ChannelIO("shutdown");
   }
+  showMessenger() {
+    window.ChannelIO("showMessenger");
+  }
 }
 
 export default new ChannelService();

packages/web/src/pages/Mypage/index.tsx

@@ -1,6 +1,8 @@
-import { useCallback, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
+import { useLocation } from "react-router-dom";
 
+import channelService from "@/hooks/skeleton/useChannelTalkEffect/channelService";
 import { useValueRecoilState } from "@/hooks/useFetchRecoilState";
 
 import AdaptiveDiv from "@/components/AdaptiveDiv";
@@ -43,6 +45,15 @@ const Mypage = () => {
   const [isOpenEventPolicy, setIsOpenEventPolicy] = useState(false);
   const [isOpenMembers, setOpenIsMembers] = useState(false);
 
+  const { search } = useLocation();
+
+  useEffect(() => {
+    const channeltalk = new URLSearchParams(search).get("channeltalk");
+    if (channeltalk === "true") {
+      channelService.showMessenger();
+    }
+  }, [search]);
+
   const onClickProfileModify = useCallback(
     () => setIsOpenProfileModify(true),
     []