feat: 구매자일 경우, Header의 [더보기] 버튼이 없다 (#171)

second-hand-team06 · Jun 27, 2023 · 4e92ff4 · 4e92ff4
1 parent 31c0df7
commit 4e92ff4
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/fe/src/components/ProductDetail/ProductDetailHeader/index.tsx b/fe/src/components/ProductDetail/ProductDetailHeader/index.tsx
@@ -5,14 +5,18 @@ import { ICON_NAME } from '@constants/iconName';
 import Icon from '@components/common/Icon';
 import * as S from './style';
 
-const ProductDetailHeader = () => {
+interface ProductDetailHeaderProps {
+  isSeller: boolean;
+}
+
+const ProductDetailHeader = ({ isSeller }: ProductDetailHeaderProps) => {
   const navigate = useNavigate();
   return (
     <S.Header>
       <button onClick={() => navigate(-1)}>
         <Icon name={ICON_NAME.CHEVRON_LEFT} />
       </button>
-      <Icon name={ICON_NAME.ELLIPSIS} />
+      {isSeller && <Icon name={ICON_NAME.ELLIPSIS} />}
     </S.Header>
   );
 };

diff --git a/fe/src/pages/ProductDetail/index.tsx b/fe/src/pages/ProductDetail/index.tsx
@@ -108,7 +108,7 @@ const ProductDetail = () => {
       {responseState === 'LOADING' && <div>loading</div>}
       {responseState === 'SUCCESS' && postData && (
         <>
-          <ProductDetailHeader />
+          <ProductDetailHeader isSeller={postData.isSeller} />
           <ProductDetailMain {...postData} interestCount={interestCount} />
           <ProductDetailToolBar
             isInterested={isInterested}