From e3c6befd15548a42efe1444e669a48d313223eb3 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=EC=9D=B4=EC=84=B8=EB=AF=BC?= <89172499+semnil5202@users.noreply.github.com> Date: Mon, 22 Apr 2024 20:41:26 +0900 Subject: [PATCH] =?UTF-8?q?refactor:=20Header=20=EB=AF=B8=EA=B3=A0?= =?UTF-8?q?=EC=A0=95=20=EC=98=A4=EB=A5=98=20=ED=95=B4=EA=B2=B0=20=EB=B0=8F?= =?UTF-8?q?=20=EB=94=94=EC=9E=90=EC=9D=B8=20=EC=8B=9C=EC=8A=A4=ED=85=9C=20?= =?UTF-8?q?Header=20=EC=82=AC=EC=9A=A9=20(#124)?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../components/OtherProfile/Header.tsx | 45 ------------------- .../OtherProfile/OtherProfile.page.tsx | 11 +++-- 2 files changed, 8 insertions(+), 48 deletions(-) delete mode 100644 src/pages/Profile/components/OtherProfile/Header.tsx diff --git a/src/pages/Profile/components/OtherProfile/Header.tsx b/src/pages/Profile/components/OtherProfile/Header.tsx deleted file mode 100644 index 61912ae4..00000000 --- a/src/pages/Profile/components/OtherProfile/Header.tsx +++ /dev/null @@ -1,45 +0,0 @@ -import styled from '@emotion/styled'; -import { Divider, Text, theme } from 'concept-be-design-system'; - -import Back from '../../../../layouts/Back'; - -const Header = () => { - return ( - - - - - 프로필 - - - - - - ); -}; - -export default Header; - -const StickyContainer = styled.div` - position: sticky; - top: 0; - z-index: 10; -`; - -const HeaderBox = styled.div` - background-color: ${theme.color.w1}; - box-sizing: border-box; - display: flex; - flex-direction: row; - align-items: center; - justify-content: space-between; - width: 100%; - height: 54px; - padding: 0 22px; -`; - -// "프로필" 텍스트를 중앙정렬 하기위한 빈 아이콘 공간 -const EmptyIcon = styled.div` - width: 24px; - height: 24px; -`; diff --git a/src/pages/Profile/components/OtherProfile/OtherProfile.page.tsx b/src/pages/Profile/components/OtherProfile/OtherProfile.page.tsx index ce265dc2..5edc8af5 100644 --- a/src/pages/Profile/components/OtherProfile/OtherProfile.page.tsx +++ b/src/pages/Profile/components/OtherProfile/OtherProfile.page.tsx @@ -1,10 +1,10 @@ import styled from '@emotion/styled'; -import { theme } from 'concept-be-design-system'; +import { Text, theme, Header } from 'concept-be-design-system'; import { Suspense } from 'react'; -import Header from './Header'; import IdeaSection from './IdeaSection'; import Spinner from '../../../../components/Spinner/Spinner'; +import Back from '../../../../layouts/Back'; import { Member } from '../../types'; import ProfileInfoSection from '../ProfileInfoSection'; @@ -16,7 +16,12 @@ type Props = { const OtherProfile = ({ userId, memberInfo }: Props) => { return ( -
+
+ + + 프로필 + +
}>