feat : update templates/mystoreTemplate/index.js (#83)

페이지 버튼 추가
sayingpotato · Oct 18, 2023 · 9d14d62 · 9d14d62
1 parent 314cb7c
commit 9d14d62
Showing 1 changed file with 26 additions and 4 deletions.
diff --git a/components/templates/mystoreTemplate/index.js b/components/templates/mystoreTemplate/index.js
@@ -2,6 +2,8 @@ import Router, { useRouter } from 'next/router';
 
 import Text from '@components/atoms/text';
 import Image from '@components/atoms/image';
+import Button from '@components/atoms/button';
+
 import { WholeDiv } from './style';
 
 const MystoreTemplate = ({data}) => {
@@ -12,12 +14,32 @@ const MystoreTemplate = ({data}) => {
             query: { id: data.storeId, storeName: data.name },
         })
     }
+
+    const router = useRouter();
+
+    const statisticsOnClick = () => {
+        router.push({
+            pathname: '/statistics',
+            query: { id: data.storeId },
+        })
+    }
+
+    const predictionOnClick = () => {
+        router.push({
+            pathname: '/predictio',
+            query: { id: data.storeId },
+        })
+    }
 
     return (
-        <WholeDiv key={data.storeId} onClick={mystoreDetailButton}>
-            <Text className="mystoreName" text={data.name} />
-            <Text className="mystoreDes" text={data.description} />
-            <Image className="mystoreImage" src={data.thumbnail} />
+        <WholeDiv key={data.storeId}>
+            <div onClick={mystoreDetailButton}>
+                <Text className="mystoreName" text={data.name} />
+                <Text className="mystoreDes" text={data.description} />
+                <Image className="mystoreImage" src={data.thumbnail} />
+            </div>
+            <Button text="통계 내역" onClick={statisticsOnClick} />
+            <Button text="예측" onClick={predictionOnClick} />
         </WholeDiv>
   );
 };