From 579842b40460c9b2a6f3b60dafe512e06818c31e Mon Sep 17 00:00:00 2001
From: JiSu Kim <85912592+jsk3342@users.noreply.github.com>
Date: Thu, 21 Nov 2024 21:22:45 +0900
Subject: [PATCH] =?UTF-8?q?Revert=20"[FEAT]=20host=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20id=20=EB=9D=BC=EC=9A=B0=ED=8C=85=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80"?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/App.tsx                          | 3 +--
 frontend/src/components/common/Header.tsx     | 6 ++----
 frontend/src/components/host/HostRedirect.tsx | 8 --------
 frontend/src/components/host/index.ts         | 1 -
 4 files changed, 3 insertions(+), 15 deletions(-)
 delete mode 100644 frontend/src/components/host/HostRedirect.tsx

diff --git a/frontend/src/App.tsx b/frontend/src/App.tsx
index b3f1cee9..cee1802a 100644
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -5,7 +5,6 @@ import { MainPage, ClientPage, HostPage } from './pages';
 import { QueryClientProvider } from '@tanstack/react-query';
 import { queryClient } from '@apis/index';
 import withUserId from '@hocs/withUserId';
-import { HostRedirect } from '@components/host';
 
 function AppComponent() {
   return (
@@ -21,7 +20,7 @@ function AppComponent() {
             <Route path="/" element={<MainPage />} />
             <Route path="/live" element={<ClientPage />} />
             <Route path="/live/:id" element={<ClientPage />} />
-            <Route path="/host" element={<HostRedirect />} />
+            <Route path="/host" element={<HostPage />} />
             <Route path="/host/:id" element={<HostPage />} />
           </Routes>
         </Router>
diff --git a/frontend/src/components/common/Header.tsx b/frontend/src/components/common/Header.tsx
index 27d3788c..efca7c6e 100644
--- a/frontend/src/components/common/Header.tsx
+++ b/frontend/src/components/common/Header.tsx
@@ -4,11 +4,9 @@ import { useNavigate } from 'react-router-dom';
 import SearchIcon from '@assets/icons/search_icon.svg';
 import VideoIcon from '@assets/icons/video_icon.svg';
 import { ASSETS } from '@constants/assets';
-import { getStoredId } from '@utils/id';
 
 const Header = () => {
   const navigate = useNavigate();
-  const userId = getStoredId();
 
   return (
     <HeaderContainer>
@@ -22,7 +20,7 @@ const Header = () => {
         </SearchInputWrapper>
         <SearchButton />
       </SearchBox>
-      <StudioBox onClick={() => navigate(`/host/${userId}`)}>
+      <StudioBox onClick={() => navigate('/host')}>
         <VideoIconStyled />
         스튜디오
       </StudioBox>
@@ -121,4 +119,4 @@ const StudioBox = styled.div`
   }
 `;
 
-const VideoIconStyled = styled(VideoIcon)``;
\ No newline at end of file
+const VideoIconStyled = styled(VideoIcon)``;
diff --git a/frontend/src/components/host/HostRedirect.tsx b/frontend/src/components/host/HostRedirect.tsx
deleted file mode 100644
index 288545de..00000000
--- a/frontend/src/components/host/HostRedirect.tsx
+++ /dev/null
@@ -1,8 +0,0 @@
-import { getStoredId } from '@utils/id';
-import { Navigate } from 'react-router-dom';
-
-export default function HostRedirect() {
-  const userId = getStoredId();
-
-  return <Navigate to={`/host/${userId}`} replace />;
-}
diff --git a/frontend/src/components/host/index.ts b/frontend/src/components/host/index.ts
index d57f1333..67567f69 100644
--- a/frontend/src/components/host/index.ts
+++ b/frontend/src/components/host/index.ts
@@ -1,3 +1,2 @@
 export { default as Header } from './Header';
 export { default as Setting } from './Setting';
-export { default as HostRedirect } from './HostRedirect';