Add utm source function on product card

1 files changed, 20 insertions, 0 deletions

diff --git a/src-migrate/hooks/useUtmSource.ts b/src-migrate/hooks/useUtmSource.ts
new file mode 100644
index 00000000..a72fae36
--- /dev/null
+++ b/src-migrate/hooks/useUtmSource.ts
@@ -0,0 +1,20 @@
+import { useRouter } from 'next/router';
+import { useEffect, useState } from 'react';
+import { UTM_SOURCE } from '~/constants/utm-source';
+
+const useUtmSource = () => {
+  const router = useRouter();
+  const [source, setSource] = useState<string>();
+
+  useEffect(() => {
+    console.log(router.pathname);
+    
+    if (router.pathname) {
+      setSource(UTM_SOURCE[router.pathname as keyof typeof UTM_SOURCE]);
+    }
+  }, [router.pathname]);
+
+  return source;
+};
+
+export default useUtmSource;