v1.0.7 업데이트 (#182)

## 💡 이슈
resolve #181 

## 🤩 개요
v1.0.7 업데이트

## 🧑‍💻 작업 사항
상품 디테일 및 연락하기 공유하기 기능 추가

## 📖 참고 사항
공유할 내용, 레퍼런스, 추가로 발생할 것으로 예상되는 이슈, 스크린샷 등을 넣어 주세요.

src/components/MyPage/organisms/StatusMenuList/index.tsx

@@ -1,7 +1,7 @@
 import { memo, useRef } from 'react';
 
 import { DefaultData } from '#types/index';
-import Span from '@atoms/Span';
+import { NoService } from '@atoms/icon';
 import MenuBtn from '@molecules/MenuBtn';
 import ProductItemList from 'src/components/Shop/Organisms/ProductItemList';
 import { useDragScroll, useSearch } from 'src/hooks';
@@ -46,7 +46,7 @@ function StatusMenuList(listProps: Props) {
         />
       ) : (
         <div className={$.prepare}>
-          <Span>서비스 준비중입니다.</Span>
+          <NoService />
         </div>
       )}
     </>

src/components/MyPage/organisms/UserProfile/style.module.scss

@@ -5,7 +5,6 @@
     flex-direction: column;
     .profile {
       padding: 13.5px 0;
-      border: 0;
     }
   }
   .total-deal {

src/components/Product/organisms/ProductFooter/index.tsx

@@ -3,7 +3,7 @@ import { useState } from 'react';
 import { ProductFooterInfo } from '#types/product';
 import type { DefaultProps } from '#types/props';
 import Button from '@atoms/Button';
-import { ClickHeart, SmallHeart, Time, Views } from '@atoms/icon';
+import { ClickHeart, ClipBoard, SmallHeart, Time, Views } from '@atoms/icon';
 import IconText from '@atoms/IconText';
 import Span from '@atoms/Span';
 import DialogModal from '@templates/DialogModal';
@@ -12,6 +12,7 @@ import useTimeForToday from 'src/hooks/useTimeForToday';
 import { toastSuccess } from 'src/utils/toaster';
 
 import $ from './style.module.scss';
+import copyClipBoard from './utils';
 
 type Props = {
   footer: ProductFooterInfo;
@@ -24,6 +25,7 @@ export default function ProductFooter(footerProps: Props) {
   const [isOpen, setIsOpen] = useState(false);
   const openModal = () => setIsOpen(true);
   const closeModal = () => setIsOpen(false);
+  const handleClipBoard = copyClipBoard();
   const handleClickLike = () =>
     toastSuccess({ message: '좋아요 기능 준비중입니다.' });
 
@@ -88,9 +90,18 @@ export default function ProductFooter(footerProps: Props) {
             isOpen={isOpen}
             title="아래 정보를 통해 연락할 수 있습니다."
             content="현재 채팅 기능 준비중이에요. 서비스 준비 전까지 조금만 기다려주세요."
-            emphasisContent={contact}
             clickText="닫기"
             onClick={closeModal}
+            emphasisContent={contact}
+            emphasisIcon={
+              <Button
+                iconBtn
+                onClick={() => handleClipBoard(contact)}
+                className={$['clip-board']}
+              >
+                <ClipBoard stroke="#e3e1e1" />
+              </Button>
+            }
           />
         </div>
       </div>

src/components/Product/organisms/ProductFooter/style.module.scss

@@ -53,3 +53,17 @@
     }
   }
 }
+
+.clip-board {
+  box-sizing: border-box;
+  margin-left: 10px;
+  border: 1.5px solid $gray-280;
+  border-radius: $border-radius;
+  background-color: $white;
+  &:hover {
+    border-color: rgba($primary, 0.7);
+    svg {
+      stroke: rgba($primary, 0.7);
+    }
+  }
+}

src/components/Product/organisms/ProductFooter/utils.ts

@@ -0,0 +1,16 @@
+import { toastSuccess, toastError } from 'src/utils/toaster';
+
+type onCopyFn = (text: string) => void;
+
+function copyClipBoard(): onCopyFn {
+  return async (text: string) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      toastSuccess({ message: '클립보드에 복사되었습니다.' });
+    } catch (error) {
+      toastError({ message: '클립보드 복사에 실패했습니다.' });
+    }
+  };
+}
+
+export default copyClipBoard;

src/components/Product/organisms/ProfileInfo/index.tsx

@@ -0,0 +1,33 @@
+import Button from '@atoms/Button';
+import { Share } from '@atoms/icon';
+import Profile from '@molecules/Profile';
+
+import $ from './style.module.scss';
+import { getCurrentUrl, sharePage } from './utils';
+
+type Props = {
+  title: string;
+  userId: number;
+  profileImage: string;
+  name: string;
+};
+
+function ProfileInfo(profileProps: Props) {
+  const { title, userId, profileImage, name } = profileProps;
+  const currentUrl = getCurrentUrl();
+  const handleShare = sharePage({
+    title: `re:Fashion | ${title} | 상품 상세 정보`,
+    url: currentUrl,
+  });
+
+  return (
+    <div className={$.profile}>
+      <Profile profile={{ userId, profileImage, name }} needDetail />
+      <Button iconBtn className={$.share} onClick={handleShare}>
+        <Share fill="#e3e1e1" />
+      </Button>
+    </div>
+  );
+}
+
+export default ProfileInfo;

src/components/Product/organisms/ProfileInfo/style.module.scss

@@ -0,0 +1,19 @@
+.profile {
+  width: 100%;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid $profile-border;
+}
+
+.share {
+  margin: 0 23px;
+  border: 1.5px solid $gray-280;
+  border-radius: $border-radius;
+  &:hover {
+    border-color: rgba($primary, 0.7);
+    path {
+      fill: rgba($primary, 0.7);
+    }
+  }
+}

src/components/Product/organisms/ProfileInfo/utils.ts

@@ -0,0 +1,20 @@
+import copyClipBoard from '../ProductFooter/utils';
+
+export function getCurrentUrl() {
+  if (typeof window !== 'undefined')
+    return `${window.location.protocol}//${window.location.host}${window.location.pathname}`;
+  return '';
+}
+
+export function sharePage(props: { title: string; url: string }): () => void {
+  return async () => {
+    try {
+      navigator.share({
+        title: props.title,
+        url: props.url,
+      });
+    } catch (err) {
+      copyClipBoard()(props.url);
+    }
+  };
+}

src/components/Shop/Organisms/ProductItemList/NoProduct.view.tsx

@@ -1,4 +1,4 @@
-import Span from '@atoms/Span';
+import { NoProduct } from '@atoms/icon';
 
 import $ from './style.module.scss';
 
@@ -13,7 +13,7 @@ function NoProductView({ isNoProducts, isLoading, isFetching, height }: Props) {
   return (
     (!isLoading && !isFetching && isNoProducts && (
       <div className={$['no-products']} style={{ height }}>
-        <Span fontWeight={500}>상품 결과가 없습니다.</Span>
+        <NoProduct />
       </div>
     )) ||
     null

src/components/Shop/molecules/HeaderTool/index.tsx

@@ -53,7 +53,6 @@ function HeaderTool(headerProps: Props) {
             {...{ onQueryChange: onClick }}
             isGender
             hasId
-            isSameCodeName
             options={data}
             selected={selectedMenu}
             name="gender"

src/components/shared/atoms/icon/ClipBoard.tsx

@@ -0,0 +1,24 @@
+import type { IconProps } from '#types/props';
+
+function ClipBoard({ className, style, stroke }: IconProps) {
+  return (
+    <svg
+      {...{ className, style }}
+      xmlns="http://www.w3.org/2000/svg"
+      className="icon icon-tabler icon-tabler-copy"
+      width="24"
+      height="24"
+      viewBox="0 0 24 24"
+      strokeWidth="1.5"
+      stroke={stroke || '#9e9e9e'}
+      fill="none"
+      strokeLinecap="round"
+      strokeLinejoin="round"
+    >
+      <path stroke="none" d="M0 0h24v24H0z" />
+      <rect x="8" y="8" width="12" height="12" rx="2" />
+      <path d="M16 8v-2a2 2 0 0 0 -2 -2h-8a2 2 0 0 0 -2 2v8a2 2 0 0 0 2 2h2" />
+    </svg>
+  );
+}
+export { ClipBoard };

src/components/shared/atoms/icon/NoProduct.tsx

@@ -0,0 +1,59 @@
+import type { IconProps } from '#types/props';
+
+function NoProduct({ className, style }: IconProps) {
+  return (
+    <svg
+      {...{ className, style }}
+      width="239"
+      height="98"
+      viewBox="0 0 239 98"
+      fill="none"
+      xmlns="http://www.w3.org/2000/svg"
+    >
+      <rect x="16" y="45" width="178" height="53" rx="21" fill="#936DFF" />
+      <rect
+        x="142.172"
+        y="20.7275"
+        width="94"
+        height="30"
+        rx="10"
+        transform="rotate(16.5726 142.172 20.7275)"
+        fill="#FF9635"
+      />
+      <path
+        d="M155.045 36.9895C155.617 37.1598 156.092 37.4278 156.47 37.7935C156.86 38.1529 157.114 38.6083 157.232 39.1596C157.354 39.702 157.305 40.3399 157.087 41.0735L155.857 45.2064L153.764 44.5835L154.898 40.7727C155.071 40.1912 155.069 39.7232 154.892 39.3687C154.724 39.0168 154.407 38.7717 153.942 38.6333C153.611 38.5348 153.29 38.5172 152.979 38.5805C152.68 38.6375 152.411 38.7865 152.174 39.0275C151.946 39.2712 151.765 39.6167 151.632 40.064L150.57 43.6333L148.477 43.0105L150.625 35.7912L152.624 36.3861L152.029 38.3855L151.833 37.6699C152.236 37.264 152.718 37.0032 153.278 36.8875C153.839 36.7718 154.427 36.8058 155.045 36.9895ZM161.478 46.9959C160.709 46.767 160.073 46.4023 159.569 45.9019C159.074 45.4042 158.735 44.8261 158.551 44.1677C158.379 43.503 158.399 42.8128 158.612 42.0971C158.828 41.3725 159.188 40.7835 159.693 40.33C160.21 39.8702 160.81 39.5716 161.494 39.4342C162.189 39.2905 162.921 39.3331 163.69 39.562C164.451 39.7882 165.083 40.1515 165.586 40.6519C166.092 41.1434 166.433 41.717 166.608 42.3727C166.783 43.0285 166.761 43.7232 166.543 44.4567C166.33 45.1724 165.97 45.7615 165.462 46.2239C164.957 46.6774 164.357 46.976 163.662 47.1197C162.967 47.2634 162.239 47.2221 161.478 46.9959ZM161.989 45.2783C162.338 45.3821 162.675 45.3948 163.001 45.3162C163.326 45.2377 163.613 45.0748 163.862 44.8275C164.113 44.5713 164.3 44.2374 164.423 43.8259C164.548 43.4055 164.574 43.0237 164.501 42.6806C164.427 42.3374 164.276 42.0441 164.047 41.8006C163.817 41.557 163.528 41.3834 163.179 41.2796C162.83 41.1757 162.493 41.1631 162.168 41.2416C161.843 41.3201 161.551 41.4817 161.294 41.7263C161.045 41.9736 160.858 42.3075 160.733 42.7279C160.61 43.1394 160.584 43.5212 160.655 43.8733C160.737 44.2191 160.893 44.5137 161.122 44.7573C161.351 45.0008 161.641 45.1745 161.989 45.2783ZM171.205 49.7731L173.353 42.5539L175.352 43.1488L174.745 45.1884L174.639 44.5142C175.006 44.0681 175.465 43.7859 176.016 43.6676C176.57 43.5403 177.187 43.5778 177.867 43.7801L177.292 45.7124C177.205 45.6768 177.126 45.6484 177.054 45.6271C176.985 45.5968 176.911 45.5697 176.83 45.5458C176.258 45.3754 175.743 45.4025 175.287 45.627C174.842 45.8453 174.517 46.2988 174.312 46.9876L173.298 50.3959L171.205 49.7731ZM180.698 52.7146C179.875 52.4697 179.199 52.0931 178.668 51.5847C178.147 51.079 177.799 50.4983 177.624 49.8425C177.451 49.1778 177.472 48.4876 177.685 47.7719C177.9 47.0473 178.256 46.4569 178.752 46.0008C179.26 45.5384 179.851 45.2371 180.526 45.097C181.203 44.948 181.908 44.9826 182.642 45.2008C183.348 45.4111 183.938 45.7522 184.411 46.224C184.896 46.6896 185.22 47.2534 185.383 47.9155C185.549 48.5686 185.517 49.2843 185.285 50.0626C185.261 50.1431 185.229 50.2357 185.188 50.3404C185.15 50.4361 185.113 50.5274 185.077 50.6142L179.213 48.8694L179.576 47.6483L184.34 49.0657L183.427 49.1884C183.539 48.8127 183.56 48.4636 183.491 48.141C183.421 47.8184 183.275 47.5412 183.051 47.3093C182.831 47.0684 182.542 46.8947 182.184 46.7882C181.826 46.6818 181.485 46.6678 181.159 46.7463C180.846 46.8185 180.57 46.9751 180.333 47.2162C180.099 47.4482 179.924 47.7566 179.81 48.1413L179.714 48.4633C179.597 48.8569 179.578 49.2311 179.657 49.5858C179.748 49.9343 179.927 50.2356 180.192 50.4898C180.468 50.7377 180.822 50.9255 181.251 51.0533C181.636 51.1677 181.988 51.2094 182.309 51.1783C182.639 51.1498 182.959 51.0552 183.27 50.8945L184.025 52.4335C183.582 52.7108 183.079 52.8778 182.517 52.9344C181.958 52.9822 181.351 52.9089 180.698 52.7146ZM188.278 54.9699C187.661 54.7862 187.087 54.5376 186.557 54.2242C186.039 53.9044 185.647 53.5834 185.383 53.2613L186.528 51.966C186.798 52.2703 187.136 52.556 187.544 52.8233C187.963 53.0843 188.391 53.28 188.83 53.4104C189.313 53.5542 189.67 53.5972 189.901 53.5394C190.142 53.4844 190.292 53.3539 190.354 53.1482C190.404 52.9782 190.361 52.829 190.224 52.7006C190.098 52.5659 189.913 52.4376 189.666 52.3157C189.42 52.1937 189.147 52.0638 188.848 51.9259C188.557 51.7907 188.265 51.6407 187.974 51.476C187.684 51.3023 187.433 51.1009 187.219 50.8716C187.004 50.6423 186.855 50.374 186.772 50.0667C186.697 49.762 186.721 49.4039 186.843 48.9924C186.979 48.5362 187.228 48.1722 187.591 47.9005C187.964 47.6315 188.429 47.4731 188.989 47.4254C189.551 47.3687 190.181 47.4441 190.879 47.6518C191.371 47.7981 191.856 48.0009 192.334 48.2599C192.812 48.519 193.19 48.802 193.469 49.1089L192.328 50.3907C192.04 50.0812 191.728 49.8374 191.392 49.6594C191.067 49.475 190.739 49.3336 190.408 49.2351C189.943 49.0967 189.584 49.0582 189.332 49.1196C189.08 49.1809 188.925 49.31 188.866 49.5068C188.813 49.6857 188.849 49.8425 188.975 49.9772C189.109 50.1146 189.298 50.2487 189.541 50.3796C189.785 50.5105 190.052 50.6435 190.343 50.7787C190.645 50.9077 190.941 51.059 191.23 51.2327C191.519 51.4063 191.767 51.6065 191.972 51.8331C192.189 52.0534 192.339 52.3172 192.423 52.6246C192.509 52.923 192.491 53.2779 192.369 53.6894C192.236 54.1367 191.983 54.4949 191.611 54.7639C191.242 55.024 190.773 55.1766 190.204 55.2217C189.645 55.2694 189.002 55.1855 188.278 54.9699ZM196.292 57.3545C195.693 57.1761 195.191 56.9001 194.786 56.5265C194.39 56.1555 194.133 55.6943 194.014 55.143C193.899 54.5827 193.951 53.9314 194.172 53.1889L195.386 49.1096L197.479 49.7324L196.357 53.5031C196.179 54.1024 196.172 54.5825 196.338 54.9433C196.515 55.2978 196.836 55.5443 197.301 55.6827C197.623 55.7785 197.929 55.7966 198.219 55.7369C198.513 55.6683 198.773 55.5122 199.002 55.2685C199.232 55.0159 199.413 54.6704 199.544 54.2321L200.606 50.6627L202.699 51.2856L200.551 58.5048L198.565 57.9139L199.156 55.9279L199.347 56.6127C198.956 57.0418 198.485 57.3155 197.934 57.4339C197.394 57.546 196.847 57.5195 196.292 57.3545ZM202.759 59.1617L205.721 49.2051L207.814 49.8279L204.852 59.7845L202.759 59.1617ZM210.52 61.588C209.671 61.3351 209.073 60.9235 208.726 60.353C208.382 59.7736 208.338 59.0545 208.594 58.1957L210.478 51.8621L212.572 52.485L210.695 58.7917C210.605 59.0959 210.615 59.3569 210.725 59.5748C210.838 59.7837 211.033 59.9294 211.311 60.0119C211.642 60.1104 211.95 60.1048 212.236 59.9951L212.36 61.6388C212.1 61.727 211.806 61.7661 211.478 61.7561C211.162 61.7399 210.843 61.6838 210.52 61.588ZM208.363 54.8988L208.842 53.2886L213.847 54.7778L213.368 56.388L208.363 54.8988Z"
+        fill="white"
+      />
+      <path
+        fillRule="evenodd"
+        clipRule="evenodd"
+        d="M37 9C25.402 9 16 18.402 16 30V32C16 43.598 25.402 53 37 53H41.5V58.5L48.4667 53H60C71.598 53 81 43.598 81 32V30C81 18.402 71.598 9 60 9H37Z"
+        fill="#A0F46C"
+      />
+      <path
+        d="M39.4479 34.2637C40.7516 34.2637 41.8795 33.165 41.8795 31.8027C41.8795 30.4551 40.7516 29.3564 39.4479 29.3711C38.0709 29.3564 36.9576 30.4551 36.9869 31.8027C36.9576 33.165 38.0709 34.2637 39.4479 34.2637ZM48.5146 34.2637C49.8184 34.2637 50.9463 33.165 50.9463 31.8027C50.9463 30.4551 49.8184 29.3564 48.5146 29.3711C47.1377 29.3564 46.0244 30.4551 46.0537 31.8027C46.0244 33.165 47.1377 34.2637 48.5146 34.2637ZM57.5814 34.2637C58.8852 34.2637 60.0131 33.165 60.0131 31.8027C60.0131 30.4551 58.8852 29.3564 57.5814 29.3711C56.2045 29.3564 55.0912 30.4551 55.1205 31.8027C55.0912 33.165 56.2045 34.2637 57.5814 34.2637Z"
+        fill="white"
+      />
+      <path
+        d="M22 53L27.1668 59.0983L34.9313 57.2016L35.5268 65.1722L42.9232 68.2016L38.72 75L42.9232 81.7984L35.5268 84.8278L34.9313 92.7984L27.1668 90.9017L22 97L16.8332 90.9017L9.06872 92.7984L8.47324 84.8278L1.07676 81.7984L5.28 75L1.07676 68.2016L8.47324 65.1722L9.06872 57.2016L16.8332 59.0983L22 53Z"
+        fill="#FF61D7"
+      />
+      <circle cx="18" cy="72" r="2" fill="white" />
+      <circle cx="26" cy="72" r="2" fill="white" />
+      <rect
+        x="19"
+        y="76"
+        width="6"
+        height="4"
+        rx="2"
+        stroke="white"
+        strokeWidth="2"
+      />
+      <path
+        d="M54.3334 67.7715V66.4727H52.5834V67.6074C52.5697 69.3232 51.6811 70.9775 49.6029 71.668L50.5463 73.0352C51.9682 72.5566 52.932 71.5723 53.4721 70.3213C54.0053 71.4082 54.9281 72.2559 56.2475 72.6934L57.1771 71.3398C55.2084 70.7314 54.3266 69.2822 54.3334 67.7715ZM51.3256 75.8516C51.3187 77.376 52.9662 78.2646 55.5912 78.2578C58.1684 78.2646 59.7816 77.376 59.7885 75.8516C59.7816 74.3408 58.1684 73.4453 55.5912 73.4453C52.9662 73.4453 51.3187 74.3408 51.3256 75.8516ZM53.0756 75.8516C53.0619 75.1748 53.9574 74.8125 55.5912 74.8125C57.2045 74.8125 58.0658 75.1748 58.0658 75.8516C58.0658 76.5557 57.2045 76.8906 55.5912 76.8906C53.9574 76.8906 53.0619 76.5557 53.0756 75.8516ZM57.9154 73.1992H59.6654V70.1777H61.3471V68.7285H59.6654V65.8164H57.9154V73.1992ZM73.5216 71.6406H62.1739V73.0215H66.9728V74.0879H63.4864V78.1211H72.1681V74.0879H68.7091V73.0215H73.5216V71.6406ZM63.172 67.5527H64.7853V69.4531H63.254V70.8477H72.4278V69.4531H70.8829V67.5527H72.5099V66.1582H63.172V67.5527ZM65.2091 76.7266V75.4414H70.4591V76.7266H65.2091ZM66.5353 69.4531V67.5527H69.1329V69.4531H66.5353ZM88.5464 65.8164H86.8101V67.375H84.4586C84.5132 67.0332 84.5406 66.6709 84.5406 66.2949H78.9078V67.7031H82.606C82.3736 69.2002 81.0611 70.3828 78.2105 70.9434L78.7984 72.3652C81.5533 71.7637 83.3306 70.5674 84.1031 68.7012H86.8101V69.7949H83.9664V71.1211H86.8101V72.0781H88.5464V65.8164ZM80.275 73.8965H86.7964V74.6484H80.2886V78.1348H88.8199V76.7539H82.0386V75.9336H88.5464V72.5293H80.275V73.8965ZM97.4397 67.0605H90.9866V68.4551H95.7034C95.6897 69.5557 95.6624 70.8887 95.3753 72.6934L97.0979 72.8301C97.4261 70.7588 97.4261 69.2275 97.4397 68.0586V67.0605ZM90.3303 74.3203L90.4944 75.7148C92.6751 75.7285 95.4915 75.6807 98.055 75.25L97.9456 73.9512C96.7971 74.1016 95.5598 74.1904 94.3362 74.2383V70.6289H92.6136V74.293C91.8069 74.3135 91.0276 74.3203 90.3303 74.3203ZM98.5335 78.2578H100.297V72.2695H101.992V70.8203H100.297V65.8164H98.5335V78.2578ZM112.636 65.8164H110.886V78.2305H112.636V72.0234H114.399V70.5879H112.636V65.8164ZM102.683 74.7441L103.667 76.084C107.851 74.0264 109.3 70.8066 109.313 67.0879H103.394V68.5098H107.543C107.215 71.2852 105.629 73.2676 102.683 74.7441ZM121.7 73.0898H120.086V78.1211H124.653V77.1572L125.364 78.2305C126.375 77.8408 127.059 77.123 127.469 76.2549C127.866 77.1504 128.556 77.8613 129.629 78.2305L130.532 76.9316C128.973 76.4258 128.365 75.2227 128.372 73.9512V72.9941H126.622V73.9512C126.622 75.0791 126.034 76.2412 124.653 76.8701V73.0898H123.039V74.334H121.7V73.0898ZM118.87 69.207C118.856 70.9434 120.264 72.1602 122.178 72.1602C123.764 72.1602 125.036 71.2646 125.371 69.918H127.456V72.4062H129.192V65.8164H127.456V68.4824H125.364C125.022 67.1631 123.757 66.2881 122.178 66.2812C120.264 66.2881 118.856 67.498 118.87 69.207ZM120.524 69.207C120.517 68.291 121.201 67.7236 122.178 67.7168C123.122 67.7236 123.798 68.291 123.805 69.207C123.798 70.1504 123.122 70.7314 122.178 70.7383C121.201 70.7314 120.517 70.1504 120.524 69.207ZM121.7 76.7949V75.6191H123.039V76.7949H121.7ZM134.134 73.2812H132.411V78.1211H140.997V73.2812H139.261V74.334H134.134V73.2812ZM131.085 72.6523H142.433V71.2441H131.085V72.6523ZM131.646 69.3301L132.275 70.6973C134.394 70.4238 135.952 69.5352 136.759 68.332C137.559 69.5352 139.117 70.4238 141.257 70.6973L141.872 69.3301C139.09 69.0156 137.661 67.6074 137.661 66.3633V65.9395H135.87V66.3633C135.857 67.6416 134.421 68.9951 131.646 69.3301ZM134.134 76.7539V75.6602H139.261V76.7539H134.134ZM153.924 65.8164H152.187V78.2578H153.924V65.8164ZM144.135 75.1816H145.228C147.149 75.1885 149.214 75.0518 151.394 74.5938L151.176 73.1582C149.344 73.5137 147.539 73.6709 145.857 73.6982V67.0059H144.135V75.1816ZM165.661 65.8164H163.911V78.2852H165.661V71.8594H167.493V70.4375H165.661V65.8164ZM156.337 75.2637H157.389C159.584 75.2705 161.279 75.2227 163.213 74.8945L163.022 73.4316C161.368 73.7188 159.878 73.8145 158.073 73.8281V68.373H162.174V66.9648H156.337V75.2637Z"
+        fill="white"
+      />
+    </svg>
+  );
+}
+export { NoProduct };