fix(web): 새로 올라온 QA 리스트 - 1 (#163)

* fix(web): 메인페이지 매거진 수량 버그 * fix(web): 마이페이지 갤러리 좌우 간격 * fix(web): 더보기 버튼 텍스트 웨이트 * fix(web): 검색 시 x 버튼 중복 * fix(web): 매거진 카드 flex * fix(web): 커뮤니티 - Main - 리스트 글자 * fix(web): SEO title 변경
SupercarMarket · Apr 24, 2023 · 9a0340f · 9a0340f
1 parent 6fd19e2
commit 9a0340f
Show file tree

Hide file tree

Showing 11 changed files with 27 additions and 18 deletions.
diff --git a/apps/web/src/components/account/profile/components/profileRepresentative.tsx b/apps/web/src/components/account/profile/components/profileRepresentative.tsx
@@ -51,7 +51,6 @@ const ProfileRepresentative = ({
           grid-template-columns: 1fr 1fr 1fr;
           align-items: center;
           ${applyMediaQuery('mobile')} {
-            margin: 0 23.5px;
             overflow-x: scroll;
           }
         `}

diff --git a/apps/web/src/components/community/communityCard/communityCard.tsx b/apps/web/src/components/community/communityCard/communityCard.tsx
@@ -281,7 +281,7 @@ const CommunityCardRow = (props: CommunityCardChildrenProps) => {
             `}
           >
             <Typography
-              fontSize="body-14"
+              fontSize="body-16"
               fontWeight="regular"
               color="greyScale-6"
               lineHeight="150%"
@@ -299,15 +299,15 @@ const CommunityCardRow = (props: CommunityCardChildrenProps) => {
             `}
           >
             <Typography
-              fontSize="body-12"
+              fontSize="body-14"
               fontWeight="regular"
               color="greyScale-5"
               lineHeight="150%"
             >
               {nickname}
             </Typography>
             <Typography
-              fontSize="body-12"
+              fontSize="body-14"
               fontWeight="regular"
               color="greyScale-5"
               lineHeight="150%"
@@ -328,7 +328,7 @@ const CommunityCardRow = (props: CommunityCardChildrenProps) => {
             >
               <ViewIcon />
               <Typography
-                fontSize="body-12"
+                fontSize="body-14"
                 fontWeight="regular"
                 color="greyScale-5"
                 lineHeight="150%"
@@ -350,7 +350,7 @@ const CommunityCardRow = (props: CommunityCardChildrenProps) => {
             >
               <LikeIcon />
               <Typography
-                fontSize="body-12"
+                fontSize="body-14"
                 fontWeight="regular"
                 color="greyScale-5"
                 lineHeight="150%"

diff --git a/apps/web/src/components/home/community/community.tsx b/apps/web/src/components/home/community/community.tsx
@@ -56,7 +56,7 @@ const Community = ({ isMobile }: CommunityProps) => {
       </Wrapper>
       <RouterButton href="/community/paparazzi?category=report">
         <Typography fontSize="header-16" fontWeight="bold" color="black">
-          커뮤니티 더보기
+          커뮤니티
         </Typography>
       </RouterButton>
     </Container>

diff --git a/apps/web/src/components/home/magazine/magazine.tsx b/apps/web/src/components/home/magazine/magazine.tsx
@@ -62,15 +62,15 @@ const Magazine = ({ isMobile }: MagazineProps) => {
               }
             `}
           >
-            {magazine.data.slice(1, 4).map((list) => (
+            {magazine.data.slice(1, 5).map((list) => (
               <MagazineCard key={list.id} type="small" {...list} />
             ))}
           </Wrapper>
         </>
       )}
       <RouterButton href="/magazine">
         <Typography fontSize="header-16" fontWeight="bold" color="black">
-          슈마 매거진 더보기
+          슈마 매거진
         </Typography>
       </RouterButton>
     </Container>

diff --git a/apps/web/src/components/home/market/marketNew.tsx b/apps/web/src/components/home/market/marketNew.tsx
@@ -57,7 +57,7 @@ const MarketNew = ({ isMobile }: MarketProps) => {
       </Wrapper>
       <RouterButton href="/market">
         <Typography fontSize="header-16" fontWeight="bold" color="black">
-          최신매물 더보기
+          최신매물
         </Typography>
       </RouterButton>
     </Container>

diff --git a/apps/web/src/components/home/partnership/partnership.tsx b/apps/web/src/components/home/partnership/partnership.tsx
@@ -174,7 +174,7 @@ const Partnership = ({ isMobile }: PartnershipProps) => {
       </Wrapper>
       <RouterButton href="/partnership">
         <Typography fontSize="header-16" fontWeight="bold" color="black">
-          제휴업체 더보기
+          제휴업체
         </Typography>
       </RouterButton>
     </Container>

diff --git a/apps/web/src/components/home/routerButton/routerButton.tsx b/apps/web/src/components/home/routerButton/routerButton.tsx
@@ -1,4 +1,4 @@
-import { Button } from '@supercarmarket/ui';
+import { Button, Typography } from '@supercarmarket/ui';
 import Link from 'next/link';
 import type { CSSProperties, ReactNode } from 'react';
 
@@ -15,6 +15,15 @@ const RouterButton = ({ href, style, children }: RouterButtonProps) => {
     <Link href={href} style={style}>
       <Button type="button" variant="Line" border="rounded" suffix={<Arrow />}>
         {children}
+        <Typography
+          fontSize="body-16"
+          fontWeight="regular"
+          lineHeight="150%"
+          color="greyScale-6"
+        >
+          {' '}
+          더보기
+        </Typography>
       </Button>
     </Link>
   );

diff --git a/apps/web/src/components/magazine/magazineCard/magazineCard.tsx b/apps/web/src/components/magazine/magazineCard/magazineCard.tsx
@@ -15,6 +15,7 @@ import { css } from 'styled-components';
 import useBase64 from 'hooks/queries/useBase64';
 import Skeleton from 'react-loading-skeleton';
 import { truncateOnWord } from '@supercarmarket/lib';
+import dayjs from 'dayjs';
 
 interface MagazineCardProps extends WithBlurredImage<MagazineDto> {
   type?: 'small' | 'normal';
@@ -102,6 +103,8 @@ const MagazineCard = memo(function MagazineCard({
         </Wrapper.Item>
         <Wrapper.Item
           css={css`
+            display: flex;
+            flex-direction: column;
             ${applyMediaQuery('mobile')} {
               p {
                 display: none !important;
@@ -161,7 +164,7 @@ const MagazineCard = memo(function MagazineCard({
               lineHeight: '19.36px',
             }}
           >
-            {created}
+            {dayjs(created).format('YYYY.MM.DD')}
           </Typography>
         </Wrapper.Item>
       </Container>

diff --git a/apps/web/src/constants/core.ts b/apps/web/src/constants/core.ts
@@ -2,9 +2,9 @@ export const NEXT_PUBLIC_BASE_URL = process.env.NEXT_PUBLIC_URL
   ? `https://${process.env.NEXT_PUBLIC_URL}`
   : '';
 
-export const PRODUCT_URL = 'https://supercar-market.vercel.app';
+export const PRODUCT_URL = 'https://doyup.shop';
 
-export const APP_NAME = 'Supercarmarket.com';
+export const APP_NAME = 'Supercarmarket.co.kr';
 export const LOGO = '/images/logo/favicon.ico';
 export const LOGO_ICON = '/images/logo/favicon.ico';
 export const SEO_IMG_DEFAULT = `${NEXT_PUBLIC_BASE_URL}/og.png`;

diff --git a/apps/web/src/pages/index.tsx b/apps/web/src/pages/index.tsx
@@ -10,7 +10,6 @@ import { GetServerSideProps, InferGetServerSidePropsType } from 'next';
 import * as React from 'react';
 import { ErrorBoundary } from 'react-error-boundary';
 import HeadSeo from 'components/common/headSeo';
-import { APP_NAME } from 'constants/core';
 import { isMobile } from 'utils/misc';
 import Partnership from 'components/home/partnership';
 
@@ -22,7 +21,7 @@ const Home: NextPageWithLayout = ({
 
   return (
     <>
-      <HeadSeo title={APP_NAME} description="안녕하세요 슈퍼카마켓입니다." />
+      <HeadSeo title="슈퍼카마켓" description="안녕하세요 슈퍼카마켓입니다." />
       <Container>
         <QueryErrorResetBoundary>
           {({ reset }) => (

diff --git a/packages/ui/components/searchbar/searchbar.tsx b/packages/ui/components/searchbar/searchbar.tsx
@@ -80,7 +80,6 @@ const Searchbar = forwardRef(function Searchbar(
             },
             className
           )}
-          type="search"
           inputMode="search"
           autoComplete="off"
           autoCorrect="off"