feat: add amplitude trackings in review page

sopt-makers · Sep 25, 2023 · 2b2ae2b · 2b2ae2b
1 parent c8dda1e
commit 2b2ae2b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/src/views/ReviewPage/components/Content/index.tsx b/src/views/ReviewPage/components/Content/index.tsx
@@ -1,3 +1,4 @@
+import { track } from '@amplitude/analytics-browser';
 import { useState } from 'react';
 import { ExtraPart, PartExtraType } from '@src/lib/types/universal';
 import Reviews from '../Reviews';
@@ -6,9 +7,14 @@ import TabBar from '../TabBar';
 const Content = () => {
   const [selectedTab, setSelectedTab] = useState<ExtraPart>(PartExtraType.ALL);
 
+  const onTabClick = (tab: ExtraPart) => {
+    track('click_review_part', { part: tab });
+    setSelectedTab(tab);
+  };
+
   return (
     <>
-      <TabBar onTabClick={setSelectedTab} selectedTab={selectedTab} />
+      <TabBar onTabClick={onTabClick} selectedTab={selectedTab} />
       <Reviews selectedTab={selectedTab} />
     </>
   );

diff --git a/src/views/ReviewPage/components/Reviews/index.tsx b/src/views/ReviewPage/components/Reviews/index.tsx
@@ -1,3 +1,4 @@
+import { track } from '@amplitude/analytics-browser';
 import { useMemo } from 'react';
 import { useIsMobile } from '@src/hooks/useDevice';
 import { ExtraPart } from '@src/lib/types/universal';
@@ -21,7 +22,12 @@ const Reviews = ({ selectedTab }: ReviewsProps) => {
     <>
       <S.Wrapper>
         {reviews.data.map((review, idx) => (
-          <S.Card key={`${review.id}-${idx}`} href={review.link} target="_blank">
+          <S.Card
+            key={`${review.id}-${idx}`}
+            href={review.link}
+            target="_blank"
+            onClick={() => track('click_review_detail')}
+          >
             <S.Section>
               <S.ThumbnailWrapper>
                 <S.Thumbnail