From fbe2efc2cdf66f8b1a72193e3e5f09fc41dc3ec4 Mon Sep 17 00:00:00 2001
From: sjoleee <cent7425@gmail.com>
Date: Tue, 30 Jan 2024 02:16:24 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20=EB=B2=84=EB=B8=94=20=EB=B6=84=EA=B8=B0?=
 =?UTF-8?q?=EC=B2=98=EB=A6=AC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/Pin/PinBubble.tsx | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/components/common/Pin/PinBubble.tsx b/src/components/common/Pin/PinBubble.tsx
index ed9b5abf..8e4ec1db 100644
--- a/src/components/common/Pin/PinBubble.tsx
+++ b/src/components/common/Pin/PinBubble.tsx
@@ -5,6 +5,8 @@ import { motion } from 'framer-motion';
 import PinVisitorIcon from '/public/assets/icon20/pin_visitor_20.svg';
 import ArrowIcon from '/public/assets/icon30/polygon_30.svg';
 
+import { useSearchParams } from 'next/navigation';
+
 import { bounceAnimationVariants } from '@constants/motions';
 
 interface PinBubbleProps {
@@ -12,6 +14,9 @@ interface PinBubbleProps {
 }
 
 export default function PinBubble({ totalRevisitedCount }: PinBubbleProps) {
+  const searchParams = useSearchParams();
+  const storeId = searchParams.get('storeId');
+
   return (
     <motion.div
       variants={bounceAnimationVariants}
@@ -21,9 +26,11 @@ export default function PinBubble({ totalRevisitedCount }: PinBubbleProps) {
       className="absolute top-[-60px] flex flex-col justify-center items-center z-floating"
     >
       <div className="h-[36px] flex justify-center items-center bg-primary-500 px-[12px] py-[8px] rounded-[16px] mb-[-8px]">
-        <PinVisitorIcon />
+        {storeId && <PinVisitorIcon />}
         <p className="body-14-extraBold text-white">
-          {totalRevisitedCount}명이 재방문했어요!
+          {storeId
+            ? `${totalRevisitedCount}명이 재방문했어요!`
+            : '첫 방문 기록을 남겨주세요!'}
         </p>
       </div>
       <ArrowIcon />