From 26598ecce3999d821edad61c2111b9eddf6afa57 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E1=84=8B=E1=85=B5=E1=84=8C=E1=85=A2=E1=84=92=E1=85=A1?=
 <jhl2619@naver.com>
Date: Sun, 15 Oct 2023 01:18:51 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=88=AC=ED=91=9C=20=EB=8F=84=EB=A9=94?=
 =?UTF-8?q?=EC=9D=B8=EC=97=90=20layout=EB=A5=BC=20=ED=86=B5=ED=95=9C=20?=
 =?UTF-8?q?=ED=97=A4=EB=8D=94=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 apps/jurumarble/src/app/vote/[id]/page.tsx |  3 +-
 apps/jurumarble/src/app/vote/layout.tsx    | 41 ++++++++++++++++++++++
 apps/jurumarble/src/app/vote/page.tsx      |  2 --
 3 files changed, 42 insertions(+), 4 deletions(-)
 create mode 100644 apps/jurumarble/src/app/vote/layout.tsx

diff --git a/apps/jurumarble/src/app/vote/[id]/page.tsx b/apps/jurumarble/src/app/vote/[id]/page.tsx
index d6245af6..0a5ecf6b 100644
--- a/apps/jurumarble/src/app/vote/[id]/page.tsx
+++ b/apps/jurumarble/src/app/vote/[id]/page.tsx
@@ -1,6 +1,5 @@
 "use client";
 
-import Header from "components/Header";
 import styled, { css } from "styled-components";
 import VoteWriterBox from "./components/VoteWriterBox";
 import { ExImg1 } from "public/images";
@@ -29,6 +28,7 @@ import VoteSmallSelectFilter from "./components/VoteSmallSelectFilter";
 
 function Detail() {
   const params = useParams();
+
   const [filter, setFilter] = useState({
     age: "",
     mbti: "",
@@ -103,7 +103,6 @@ function Detail() {
   } = originalStatistics;
   return (
     <Container>
-      <Header />
       <VoteWriterBox
         writer={{
           nickName: postedUserNickname,
diff --git a/apps/jurumarble/src/app/vote/layout.tsx b/apps/jurumarble/src/app/vote/layout.tsx
new file mode 100644
index 00000000..247de405
--- /dev/null
+++ b/apps/jurumarble/src/app/vote/layout.tsx
@@ -0,0 +1,41 @@
+"use client";
+
+import Header from "components/Header";
+import Path from "lib/Path";
+import { usePathname, useRouter } from "next/navigation";
+import { PropsWithChildren } from "react";
+import { Button } from "components/button";
+import VoteHeader from "components/VoteHeader";
+import styled, { css } from "styled-components";
+import { SvgIcPrevious } from "src/assets/icons/components";
+
+export default function Layout({ children }: PropsWithChildren) {
+  const pathname = usePathname();
+  const router = useRouter();
+
+  return (
+    <>
+      {pathname === Path.VOTE_HOME ? (
+        <Header />
+      ) : (
+        <VoteHeader
+          leftButton={
+            <PreviousButton onClick={() => router.back()}>
+              <SvgIcPrevious width={24} height={24} />
+            </PreviousButton>
+          }
+        >
+          상세페이지
+        </VoteHeader>
+      )}
+      {children}
+    </>
+  );
+}
+
+const PreviousButton = styled(Button)`
+  ${({ theme }) => css`
+    margin-left: 20px;
+    background-color: ${theme.colors.white};
+  `}
+`;
diff --git a/apps/jurumarble/src/app/vote/page.tsx b/apps/jurumarble/src/app/vote/page.tsx
index 853abd74..8120aa9a 100644
--- a/apps/jurumarble/src/app/vote/page.tsx
+++ b/apps/jurumarble/src/app/vote/page.tsx
@@ -2,7 +2,6 @@
 
 import BottomBar from "components/BottomBar";
 import { Button } from "components/button";
-import Header from "components/Header";
 import { media } from "lib/styles";
 import { useRouter, useSearchParams } from "next/navigation";
 import SvgIcDetail from "src/assets/icons/components/IcDetail";
@@ -92,7 +91,6 @@ function VoteHomePage() {
         <ScrollImage onClick={onScrollBottom}>
           <Image src={ImgScroll} alt="스크롤" width={60} height={64} />
         </ScrollImage>
-        <Header />
         <AskVoteBox>
           <AskVoteText>
             여행에서 즐길 우리술은