[#338] Refactor: main page 탠스택 쿼리 적용

src/pages/Main/components/ContentHeader/index.tsx

@@ -1,39 +1,21 @@
-import { useNavigate, useParams } from 'react-router-dom';
+import { useLocation, useNavigate, useParams } from 'react-router-dom';
 import { Button, Text } from '@/components';
-import { useSelectedChannel } from '@/hooks/useSelectedChannel';
-import { useSelectedStatus } from '@/hooks/useSelectedStatus';
 import { ContentHeaderWrapper } from '@/pages/Main/components/ContentHeader/style';
 
 const ContentHeader = () => {
   const { channelId } = useParams();
   const navigate = useNavigate();
+  const channelName = useLocation().state as string;
 
   const handleWriteClick: React.MouseEventHandler<HTMLButtonElement> = (e) => {
     e.preventDefault();
     navigate(`/write/${channelId ? channelId : 'unselected'}`);
   };
 
-  const channel = useSelectedChannel();
-  const fullPostStatus = useSelectedStatus('get', '/posts');
-  const postByChannelStatue = useSelectedStatus(
-    'get',
-    '/posts/channel/',
-    channelId,
-  );
-
-  const channelTitle = (() => {
-    if (postByChannelStatue.isLoading) return '로딩중';
-    if (!channelId && !fullPostStatus.isLoading) return '전체 글';
-    if (postByChannelStatue.error && !postByChannelStatue.isLoading)
-      return '채널을 찾을 수 없습니다.';
-    if (channel) return channel.name;
-    return '로딩중';
-  })();
-
   return (
     <ContentHeaderWrapper>
       <Text tagType='span' fontType='h2'>
-        {channelTitle}
+        {channelName ? channelName : '전체 글'}
       </Text>
       <Button styleType='ghost' size='small' onClick={handleWriteClick}>
         글 쓰기