Merge branch 'main' of https://github.com/whatever-mentoring/EWHATEVE…

…R-FRONT
whatever-mentoring · Sep 25, 2023 · af2f8ac · af2f8ac
2 parents 8a62cbd + b70ca72
commit af2f8ac
Show file tree

Hide file tree

Showing 7 changed files with 51 additions and 35 deletions.
diff --git a/src/assets/common.ts b/src/assets/common.ts
@@ -10,7 +10,7 @@ export const EntireContainer = styled.div<{
   padding: ${({ padding }) => (padding ? padding : '25px 30px')};
   background: ${({ background }) => (background ? background : Palette.White)};
   height: ${({ homebar }) =>
-    homebar ? 'calc(100dvh - 140px)' : 'calc(100dvh - 60px)'};
+    homebar ? 'calc(100dvh - 130px)' : 'calc(100dvh - 60px)'};
   overflow: auto;
 
   &::-webkit-scrollbar {

diff --git a/src/components/Mypage/CommentListBox.tsx b/src/components/Mypage/CommentListBox.tsx
@@ -31,7 +31,7 @@ const CommentListBox = (
         <TextContainer>
           <Typo.b4>{children}</Typo.b4>
           <Row gap={5}>
-            <img src={`/img/${icon}.svg`} />
+            <img src={process.env.PUBLIC_URL + `/img/${icon}.svg`} />
             <Typo.b4 color={Palette.Gray4}>{title}</Typo.b4>
           </Row>
           <Typo.s2 color={Palette.Gray4}>{date}</Typo.s2>

diff --git a/src/components/Mypage/MyQnaListBox.tsx b/src/components/Mypage/MyQnaListBox.tsx
@@ -21,7 +21,10 @@ const MyQnaListBox = (
   const userType = window.localStorage.getItem('userType');
 
   return (
-    <StyledLink to={count !== 3 ? '' : `/post/${postIdx}`}>
+    <StyledLink
+      to={count !== 3 ? '' : `/post/${postIdx}`}
+      onClick={() => count !== 3 && alert('아직 답변이 모자라요!')}
+    >
       <MyPageBoxContainer height="72px" ref={ref}>
         <CountStick ansCount={count} />
         <SubContainer>

diff --git a/src/components/Mypage/SubMenuBox.tsx b/src/components/Mypage/SubMenuBox.tsx
@@ -24,7 +24,9 @@ export const SubMenuBox = ({
         style={{ width: '100%' }}
       >
         <Row gap={19}>
-          <img src={`/img/MypageSubmenuIcons/${icon}.svg`}></img>
+          <img
+            src={process.env.PUBLIC_URL + `/img/MypageSubmenuIcons/${icon}.svg`}
+          ></img>
           <Typo.b1>{children}</Typo.b1>
         </Row>
         <Row gap={8}>

diff --git a/src/components/common/Card.tsx b/src/components/common/Card.tsx
@@ -12,7 +12,7 @@ import { ShortBtn } from './Button';
 import { CategoryLabel } from 'components/Category/CategoryLabel';
 import { questionType } from 'types';
 import { Ref, forwardRef } from 'react';
-import { useRecoilValue, useRecoilState, useSetRecoilState } from 'recoil';
+import { useRecoilValue, useSetRecoilState } from 'recoil';
 import { questionState } from 'store/recoil/atom';
 
 interface cardProps {
@@ -98,7 +98,6 @@ export const QDetailCard = () => {
         <Typo.h2>{question.title}</Typo.h2>
       </Row>
       <Typo.s1>{question.content}</Typo.s1>
-      <Date>2023.09.11</Date>
     </QDContainer>
   );
 };

diff --git a/src/pages/Mypage/Provision/index.tsx b/src/pages/Mypage/Provision/index.tsx
@@ -30,34 +30,44 @@ export const Provision = () => {
               운영하는 Website 또는 Application 등 온라인 쇼핑 플랫폼 서비스와
               관련하여, 회사와 서비스를 이용하는 자(이하 “이용자”라 합니다)
               사이의 권리, 의무, 기타 필요한 사항을 정함으로써 상호 이익을
-              도모하는 것을 그 목적으로 합니다. 제 2 조 [용어의 정의] ① 이
-              약관에서 사용하는 용어의 정의는 다음과 같습니다. 1. “쇼핑 플랫폼”
-              또는 “서비스”라 함은 회사가 이용자들로 하여금 편리하게 쇼핑을 즐길
-              수 있도록 제공하는 앱 또는 웹 형태의 이커머스 플랫폼으로서, 다음
-              각 호의 서비스를 의미합니다. 가. 국내 : 지그재그(Zigzag),
+              도모하는 것을 그 목적으로 합니다.
+              <br />
+              <br />
+              <Typo.b1>제 2 조 [용어의 정의] </Typo.b1> <br />
+              <br />① 이약관에서 사용하는 용어의 정의는 다음과 같습니다.
+              <br />
+              &nbsp; &nbsp; 1. “쇼핑 플랫폼” 또는 “서비스”라 함은 회사가
+              이용자들로 하여금 편리하게 쇼핑을 즐길 수 있도록 제공하는 앱 또는
+              웹 형태의 이커머스 플랫폼으로서, 다음 각 호의 서비스를 의미합니다.
+              <br /> &nbsp; &nbsp; &nbsp; 가. 국내 : 지그재그(Zigzag),
               포스티(Posty), 패션바이카카오(Fashion by kakao),
-              직잭메이트(Zigzagmate), 마이스토어(Mystore) 나. 글로벌(해외) :
-              지그재그(Zigzag), 직잭메이트(Zigzagmate) 2. “이용자”라 함은 쇼핑은
-              쇼핑 플랫폼을 이용하는 만 14세 이상의 일반 소비자를 말하며, 회원과
-              비회원을 모두 포함합니다. 3. “회원”이라 함은 회사에 개인정보를
-              제공하고, 본 이용약관에 동의하여 회원 등록절차를 마친 이용자를
-              말합니다. 4. “비회원”이라 함은 회원이 아닌 이용자를 말합니다. 5.
-              “아이디(ID)”라 함은 회원의 식별과 서비스 이용을 위하여 회원이
-              설정하고 회사가 승인하여 등록된 전자우편주소를 의미합니다. 6.
-              “비밀번호”라 함은 회원의 동일성 확인과 회원의 권익 보호를 위하여
-              회원 스스로 설정한 문자와 숫자의 조합을 의미합니다. 7. “제휴사”라
-              함은 웹사이트 또는 모바일 앱을 통해 쇼핑몰을 운영하는 자로서,
-              회사의 쇼핑 플랫폼을 통하여 상품 등의 정보를 노출하고 상품을
-              판매하는 사업자를 의미합니다. 8. “상품정보”라 함은 제휴사가 자신이
-              판매하는 상품의 이미지, 상품명, 가격정보, 링크정보 등의 정보를
-              의미합니다. 9. “결제 서비스"라 함은 제휴사가 운영하는
-              웹사이트(이하 '쇼핑몰')에서 회원이 쇼핑 플랫폼 계정을 이용하여
-              상품을 구입하는 경우, 이를 용이하게 할 수 있도록 회사가 각
-              제공하는 통합 결제서비스를 의미합니다. 10. "포인트"라 함은 회원이
-              쇼핑 플랫폼 이용 시 회사가 제공하는 혜택으로, 제공 기준 및
-              사용방법 등에 대하여는 회사가 별도로 정하는 정책에 따릅니다. ②
-              제1항에서 정의되지 않은 본 이용약관 상의 용어의 의미는 일반적인
-              거래관행에 의합니다.
+              직잭메이트(Zigzagmate), 마이스토어(Mystore) <br /> &nbsp; &nbsp;
+              &nbsp;나. 글로벌(해외) : 지그재그(Zigzag), 직잭메이트(Zigzagmate)
+              <br /> &nbsp;&nbsp;2. “이용자”라 함은 쇼핑은 쇼핑 플랫폼을
+              이용하는 만 14세 이상의 일반 소비자를 말하며, 회원과 비회원을 모두
+              포함합니다. <br /> &nbsp; &nbsp;3. “회원”이라 함은 회사에
+              개인정보를 제공하고, 본 이용약관에 동의하여 회원 등록절차를 마친
+              이용자를 말합니다.
+              <br /> &nbsp; &nbsp;4. “비회원”이라 함은 회원이 아닌 이용자를
+              말합니다. <br />
+              &nbsp; &nbsp;5. “아이디(ID)”라 함은 회원의 식별과 서비스 이용을
+              위하여 회원이 설정하고 회사가 승인하여 등록된 전자우편주소를
+              의미합니다. <br />
+              &nbsp; &nbsp; 6. “비밀번호”라 함은 회원의 동일성 확인과 회원의
+              권익 보호를 위하여 회원 스스로 설정한 문자와 숫자의 조합을
+              의미합니다. <br /> &nbsp; &nbsp; 7. “제휴사”라 함은 웹사이트 또는
+              모바일 앱을 통해 쇼핑몰을 운영하는 자로서, 회사의 쇼핑 플랫폼을
+              통하여 상품 등의 정보를 노출하고 상품을 판매하는 사업자를
+              의미합니다. <br /> &nbsp; &nbsp; 8. “상품정보”라 함은 제휴사가
+              자신이 판매하는 상품의 이미지, 상품명, 가격정보, 링크정보 등의
+              정보를 의미합니다. <br /> &nbsp; &nbsp; 9. “결제 서비스"라 함은
+              제휴사가 운영하는 웹사이트(이하 '쇼핑몰')에서 회원이 쇼핑 플랫폼
+              계정을 이용하여 상품을 구입하는 경우, 이를 용이하게 할 수 있도록
+              회사가 각 제공하는 통합 결제서비스를 의미합니다. <br /> &nbsp;
+              &nbsp; 10. "포인트"라 함은 회원이 쇼핑 플랫폼 이용 시 회사가
+              제공하는 혜택으로, 제공 기준 및 사용방법 등에 대하여는 회사가
+              별도로 정하는 정책에 따릅니다. <br /> ② 제1항에서 정의되지 않은 본
+              이용약관 상의 용어의 의미는 일반적인 거래관행에 의합니다.
             </Typo.s2>
           </Column>
         </Container>

diff --git a/src/pages/Mypage/index.tsx b/src/pages/Mypage/index.tsx
@@ -64,7 +64,7 @@ export const Mypage = () => {
               <Typo.h4> &nbsp; 님</Typo.h4>
             </UnderLine>
           </Column>
-          <Img src={`/img/${icon}.svg`} />
+          <img src={process.env.PUBLIC_URL + `/img/${icon}.svg`} />
         </Row>
         <div className="mypage-submenu-container">
           <div className="mypage-submenu-subcontainer">
@@ -98,7 +98,9 @@ export const Mypage = () => {
                 to={menu.link}
                 key={index}
                 margin={menu.margin}
-                onClick={() => index === 1 && Logout()}
+                onClick={() =>
+                  index === 1 ? Logout() : alert('뉴스레터는 아직 준비중이에요')
+                }
               >
                 <SubMenuBox count={-1} icon={menu.icon}>
                   {menu.menu}