refactor: Header 미고정 오류 해결 및 디자인 시스템 Header 사용 (#124)

ConceptBe · Apr 22, 2024 · e3c6bef · e3c6bef
1 parent e1b48a2
commit e3c6bef
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 48 deletions.
diff --git a/src/pages/Profile/components/OtherProfile/Header.tsx b/src/pages/Profile/components/OtherProfile/Header.tsx
diff --git 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 (
     <ProfileContainer>
-      <Header />
+      <Header spacerPosition="end">
+        <Back />
+        <Text font="suit16sb" color="b4">
+          프로필
+        </Text>
+      </Header>
       <Suspense fallback={<Spinner />}>
         <ProfileWrapper>
           <ProfileInfoSection memberInfo={memberInfo} />