Function useCheckCustomNavBarBg

src/components/Header/useCheckCustomNavBarBg.tsx:15–35

()

};

const useCheckCustomNavBarBg = () => {
  const isScrolling = useScrollTrigger({
    disableHysteresis: true,
    threshold: 10,
  });

  const pathname = usePathname();
  const isNoBgPage = useMemo(
    () => TRANSPARENT_BG_PAGE_LIST.includes(pathname!),
    [pathname],
  );

  const navbarBg = useMemo(() => {
    if (isNoBgPage) {
      return isScrolling ? "" : "transparent";
    }
    return CUSTOM_BG_PAGE_MAP[pathname!] || "";
  }, [isNoBgPage, isScrolling, pathname]);

  return navbarBg;
};

export default useCheckCustomNavBarBg;