From 48d049fb3f768b1233852d27836e022838bc09ea Mon Sep 17 00:00:00 2001
From: DaegyunOh <oooppq@naver.com>
Date: Thu, 1 Feb 2024 22:02:48 +0900
Subject: [PATCH] =?UTF-8?q?hotfix:=20=EA=B5=AC=EB=A7=A4=EC=B2=98=20?=
 =?UTF-8?q?=ED=95=98=EB=82=98=EB=A7=8C=20=EB=B3=B4=EC=97=AC=EC=A7=80?=
 =?UTF-8?q?=EB=8F=84=EB=A1=9D=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/detail/HereToBuy.tsx | 64 +++++++++++++++++----------------
 1 file changed, 33 insertions(+), 31 deletions(-)

diff --git a/components/detail/HereToBuy.tsx b/components/detail/HereToBuy.tsx
index 3a7fb70..e221ec5 100644
--- a/components/detail/HereToBuy.tsx
+++ b/components/detail/HereToBuy.tsx
@@ -29,40 +29,42 @@ const HereTobuy = async ({ id }: BuyProps) => {
       <div className="mx-4">
         <div className="h2 mb-[30px]">여기서 구매할 수 있어요</div>
         <div className="grid gap-y-3">
-          {data.purchaseList?.map(
-            ({
-              title,
-              link,
-              image,
-            }: {
-              title: string;
-              link: string;
-              image: string;
-            }) => (
-              <Link key={`${link}-${image}`} href={link} target="_blank">
-                <div className="flex items-center">
-                  <Image
-                    src={image}
-                    alt="vendor"
-                    width={80}
-                    height={80}
-                    objectFit="cover"
-                    className="mr-[14px] w-20 h-20 rounded-sm"
-                  />
+          {data.purchaseList
+            ?.slice(0, 1)
+            .map(
+              ({
+                title,
+                link,
+                image,
+              }: {
+                title: string;
+                link: string;
+                image: string;
+              }) => (
+                <Link key={`${link}-${image}`} href={link} target="_blank">
+                  <div className="flex items-center">
+                    <Image
+                      src={image}
+                      alt="vendor"
+                      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]">{title}</div>
-                    <div className="h-[21px] mb-[2px] text-acodegray-500">
-                      {data.brandName}
-                    </div>
-                    <div className="leading-[14px] tracking-[-0.35px] text-acodegray-700">
-                      {data.fragranceName}
+                    <div className="flex flex-col justify-center body2 font-medium">
+                      <div className="mb-[10px]">{title}</div>
+                      <div className="h-[21px] mb-[2px] text-acodegray-500">
+                        {data.brandName}
+                      </div>
+                      <div className="leading-[14px] tracking-[-0.35px] text-acodegray-700">
+                        {data.fragranceName}
+                      </div>
                     </div>
                   </div>
-                </div>
-              </Link>
-            ),
-          ) || (
+                </Link>
+              ),
+            ) || (
             <div className="body2 h-20 w-full bg-acodegray-50 inline-flex items-center justify-center text-acodegray-300 rounded">
               구매처를 찾는 중이에요
             </div>