feat: 앰플리튜드 이벤트 적용

sopt-makers · Sep 17, 2023 · f09f292 · f09f292
1 parent b75e965
commit f09f292
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/disclosure/Disclosure.tsx b/src/components/disclosure/Disclosure.tsx
@@ -3,6 +3,7 @@ import { Disclosure as HeadlessDisclosure } from '@headlessui/react';
 import { styled } from 'stitches.config';
 import ArrowIcon from 'public/assets/svg/arrow_down.svg';
 import { parseTextToLink } from '@components/util/parseTextToLink';
+import logAmplitudeEvent from '@utils/logAmplitudeEvent';
 
 interface DisclosureProps {
   title: string;
@@ -21,7 +22,7 @@ export default function Disclosure({ title, subTitle, contents, createdDate }: D
               <STitle>{title}</STitle>
               <SSubTitle>{subTitle}</SSubTitle>
             </STitleWrapper>
-            <HeadlessDisclosure.Button>
+            <HeadlessDisclosure.Button onClick={() => logAmplitudeEvent(!open ? 'Click-noticeOn' : 'Click-noticeOff')}>
               <SArrowIcon isOpen={open} />
             </HeadlessDisclosure.Button>
           </STitleContainer>

diff --git a/src/hooks/amplitude/useAmplitudeEvent.ts b/src/hooks/amplitude/useAmplitudeEvent.ts
@@ -5,7 +5,7 @@ type EventProperties = {
   [key: string]: string | number | boolean | undefined;
 };
 
-export default async function useAmplitudeEvent(
+export default function useAmplitudeEvent(
   eventName: string,
   eventProperties?: EventProperties,
   config?: AmplitudeCustomConfig

diff --git a/src/utils/logAmplitudeEvent.ts b/src/utils/logAmplitudeEvent.ts
@@ -6,7 +6,7 @@ export interface AmplitudeCustomConfig {
   deps?: DependencyList;
 }
 
-export default async function logAmplitudeEvent(
+export default function logAmplitudeEvent(
   eventName: string,
   params?: Record<string, unknown>,
   config?: AmplitudeCustomConfig