채널톡 버튼 visibility path 설정 (#457)

* chore: remove log

* feat: 채널톡 버튼 visibility 적용

src/features/review/steps/Intro.tsx

@@ -22,7 +22,7 @@ interface Props extends StepProps {
 
 const Intro = ({ nickname, next }: Props) => {
   const { currentStep, paragraphStep: onSkip } = useParagraphStep();
-  console.log('currentStep: ', currentStep);
+
   const { isCTAButtonVisible, skip: onCTAButtonVisibleSkip } = useCTAButtonVisible();
 
   useDidMount(() => {

src/hooks/channelTalk/useChannelTalkButtonVisibility.ts

@@ -0,0 +1,19 @@
+import { useEffect } from 'react';
+import { useRouter } from 'next/router';
+import * as ChannelTalk from '@channel.io/channel-web-sdk-loader';
+
+const DIABLED_PATHS: RegExp[] = [/^\/review\/.*/];
+
+const useChannelTalkButtonVisibility = () => {
+  const router = useRouter();
+
+  useEffect(() => {
+    if (DIABLED_PATHS.some((path) => path.test(router.asPath))) {
+      ChannelTalk.hideChannelButton();
+    } else {
+      ChannelTalk.showChannelButton();
+    }
+  }, [router.asPath]);
+};
+
+export default useChannelTalkButtonVisibility;

src/pages/_app.page.tsx

@@ -17,6 +17,7 @@ import NewFeedbackSnackBarListener from '~/components/snackBar/NewFeedbackSnackB
 import SnackBarWrapper from '~/components/snackBar/SnackBarWrapper';
 import ToastWrapper from '~/components/toast/ToastWrapper';
 import { MAIN_LAYOUT_ID } from '~/constants/name';
+import useChannelTalkButtonVisiblity from '~/hooks/channelTalk/useChannelTalkButtonVisibility';
 import usePageTrack from '~/hooks/event/usePageTrack';
 import GlobalStyles from '~/styles/GlobalStyle';
 import defaultTheme from '~/styles/theme';
@@ -49,6 +50,8 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
   const router = useRouter();
   useOpenExternalBrowser({ where: 'all', onOpen: () => router.push('/') });
 
+  useChannelTalkButtonVisiblity();
+
   return (
     <SessionProvider session={pageProps.session}>
       <MonitoringInitializer />