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;