From 34278ad88d542f38f9f633769b23b79282c70983 Mon Sep 17 00:00:00 2001 From: myeongheonhong Date: Tue, 12 Dec 2023 09:05:59 +0900 Subject: [PATCH 01/45] =?UTF-8?q?[=20feat=20]=20=ED=97=A4=EB=8D=94=20?= =?UTF-8?q?=ED=91=B8=ED=84=B0=20=EB=B3=80=EA=B2=BD=20=EB=B0=8F=20=EB=A0=88?= =?UTF-8?q?=EC=9D=B4=EC=95=84=EC=9B=83=20=EC=BB=B4=ED=8F=AC=EB=84=8C?= =?UTF-8?q?=ED=8A=B8=20=EA=B5=AC=ED=98=84?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- components/Header.tsx | 24 +++++++ components/common/footer.tsx | 103 ----------------------------- components/common/header.tsx | 8 +-- components/common/layout.tsx | 5 +- components/layout/emptyLayout.tsx | 6 ++ components/layout/headerLayout.tsx | 21 ++++++ components/layout/index.tsx | 20 ++++++ 7 files changed, 76 insertions(+), 111 deletions(-) create mode 100644 components/Header.tsx delete mode 100644 components/common/footer.tsx create mode 100644 components/layout/emptyLayout.tsx create mode 100644 components/layout/headerLayout.tsx create mode 100644 components/layout/index.tsx diff --git a/components/Header.tsx b/components/Header.tsx new file mode 100644 index 00000000..21519de9 --- /dev/null +++ b/components/Header.tsx @@ -0,0 +1,24 @@ +import { ReactNode } from 'react'; +import styled from 'styled-components'; +import BackBtn from './common/button/backBtn'; + +interface HeaderProps { + children?: ReactNode; +} + +export default function Header(props: HeaderProps) { + const { children } = props; + + return {/* */}; +} + +const Styled = { + Container: styled.header` + display: flex; + + width: 100%; + height: 3rem; + + padding: 0 1.5rem; + `, +}; diff --git a/components/common/footer.tsx b/components/common/footer.tsx deleted file mode 100644 index b3fe42c9..00000000 --- a/components/common/footer.tsx +++ /dev/null @@ -1,103 +0,0 @@ -import { LogoImg } from '@/public/assets/images'; -import theme from '@/styles/theme'; -import styled from 'styled-components'; -import Image from 'next/image'; - -export default function Footer() { - const handleTermsOfUse = () => { - window.open('https://mercurial-fuschia-8f2.notion.site/7e827f42eecb46f382ac46cf183245d3'); - }; - - const handlePrivacyPolicy = () => { - window.open('https://mercurial-fuschia-8f2.notion.site/ddaf226cf36e40bfa04fd8bc72d159aa'); - }; - - const handleMarketingAgreement = () => { - window.open('https://mercurial-fuschia-8f2.notion.site/52b42acdad7e470ca3c3b6343bc1f24a'); - }; - - return ( - - - - {'조물주보다 - - - - 상호명: 조물주보다생일선물주 -
- 사업자등록번호: 246-05-02593 -
- 통신판매업신고: 2023-경기양주-1379 -
- 사업장주소지: 경기도 양주시 고덕로 159, 207-403 -
- 대표자명: 이승원 -
- - - - 이용약관 - 개인정보처리방침 - 광고마케팅정보수신동의 - -
-
- ); -} - -const Styled = { - FooterContainer: styled.footer` - display: flex; - justify-content: center; - - width: 100%; - background-color: ${theme.colors.main_blue}; - padding: 2.9rem 2.2rem; - - ${theme.fonts.body12_2}; - `, - - FooterWrapper: styled.div` - display: flex; - flex-direction: column; - `, - - Logo: styled.h1` - color: ${theme.colors.white}; - color: ${theme.fonts.headline24_130}; - `, - - HorizontalLine: styled.hr` - display: block; - - width: 100%; - height: 0.1rem; - - margin: 1rem 0; - - background: #ffffff; - opacity: 0.6; - `, - - ContentWrapper: styled.div` - line-height: 2.2rem; - color: ${theme.colors.white}; - opacity: 0.6; - margin: 1.5rem 0 0 0; - `, - - LinkWrapper: styled.ul` - display: flex; - gap: 0.5rem; - `, - - Link: styled.li` - line-height: 2.2rem; - color: ${theme.colors.white}; - opacity: 0.8; - padding: 0; - - cursor: pointer; - `, -}; diff --git a/components/common/header.tsx b/components/common/header.tsx index f278af46..85c34c8c 100644 --- a/components/common/header.tsx +++ b/components/common/header.tsx @@ -2,17 +2,17 @@ import { ReactNode } from 'react'; import styled from 'styled-components'; interface HeaderProps { - children: ReactNode; + children: ReactNode; } export default function Header(props: HeaderProps) { - const { children } = props; + const { children } = props; - return {children}; + return {children}; } const Styled = { - Root: styled.header` + Root: styled.header` display: flex; justify-content: right; `, diff --git a/components/common/layout.tsx b/components/common/layout.tsx index 5e8b0df0..f106f090 100644 --- a/components/common/layout.tsx +++ b/components/common/layout.tsx @@ -1,18 +1,15 @@ import styled from 'styled-components'; -import Footer from './footer'; interface LayoutProps { - footer?: boolean; children: React.ReactNode; } function Layout(props: LayoutProps) { - const { footer, children } = props; + const { children } = props; return ( {children} - {footer &&