hotfix: 향수 구매 링크 없으면 아예 표시 안하도록 수정

team-acode · Jan 30, 2024 · 82615e1 · 82615e1
1 parent 82b4b59
commit 82615e1
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 30 deletions.
diff --git a/app/perfumes/[id]/page.tsx b/app/perfumes/[id]/page.tsx
@@ -50,7 +50,7 @@ const page = async ({ params, searchParams }: DetailPageProps) => {
 
   const images = [thumbnail, image1, image2].filter((image) => image);
   return (
-    <section className="">
+    <section className="mb-[186px]">
       <Navbar id={params.id} initialWishState={scraped} />
       <ImageSlider images={images} />
       <PerfumeInfo
@@ -65,7 +65,6 @@ const page = async ({ params, searchParams }: DetailPageProps) => {
       <PerfumeDetailList searchParams={searchParams} searchId={params} />
       <hr className="my-11 border-t-[6px] border-[#FBFBFB]" />
       <SimilarPerfume id={params.id} />
-      <hr className="my-11 mx-4 mborder-t-[1.5px] border-[#f7f7f7]" />
       <HereTobuy
         id={params.id}
         brandName={brandName}

diff --git a/components/detail/HereToBuy.tsx b/components/detail/HereToBuy.tsx
@@ -26,37 +26,40 @@ const HereTobuy = async ({ id, brandName, fragranceName }: BuyProps) => {
   if (!data) return null;
 
   return data.purchaseList ? (
-    <div className="mx-4 mb-[186px]">
-      <div className="h2 mb-[30px]">여기서 구매할 수 있어요</div>
-      <div className="grid gap-y-3">
-        {data.purchaseList.map(
-          ({ link, image }: { link: string; image: string }) => (
-            <Link key={`${link}-${image}`} href={link} target="_blank">
-              <div className="flex items-center">
-                <Image
-                  src={image}
-                  alt="sinse"
-                  width={80}
-                  height={80}
-                  objectFit="cover"
-                  className="mr-[14px] w-20 h-20 rounded-sm"
-                />
-
-                <div className="flex flex-col justify-center body2 font-medium">
-                  <div className="mb-[10px]">{fragranceName} 판매처</div>
-                  <div className="h-[21px] mb-[2px] text-acodegray-500">
-                    {brandName}
-                  </div>
-                  <div className="leading-[14px] tracking-[-0.35px] text-acodegray-700">
-                    {fragranceName}
+    <>
+      <hr className="my-11 mx-4 mborder-t-[1.5px] border-[#f7f7f7]" />
+      <div className="mx-4">
+        <div className="h2 mb-[30px]">여기서 구매할 수 있어요</div>
+        <div className="grid gap-y-3">
+          {data.purchaseList.map(
+            ({ link, image }: { link: string; image: string }) => (
+              <Link key={`${link}-${image}`} href={link} target="_blank">
+                <div className="flex items-center">
+                  <Image
+                    src={image}
+                    alt="sinse"
+                    width={80}
+                    height={80}
+                    objectFit="cover"
+                    className="mr-[14px] w-20 h-20 rounded-sm"
+                  />
+
+                  <div className="flex flex-col justify-center body2 font-medium">
+                    <div className="mb-[10px]">{fragranceName} 판매처</div>
+                    <div className="h-[21px] mb-[2px] text-acodegray-500">
+                      {brandName}
+                    </div>
+                    <div className="leading-[14px] tracking-[-0.35px] text-acodegray-700">
+                      {fragranceName}
+                    </div>
                   </div>
                 </div>
-              </div>
-            </Link>
-          ),
-        )}
+              </Link>
+            ),
+          )}
+        </div>
       </div>
-    </div>
+    </>
   ) : null;
 };