Function Navbar

apps/web/components/Navbar.tsx:36–200

({
  settings,
  admin,
}: {
  settings?: boolean;
  admin?: boolean;
})

  Number(process.env.NEXT_PUBLIC_TRIAL_PERIOD_DAYS) || 14;

export default function Navbar({
  settings,
  admin,
}: {
  settings?: boolean;
  admin?: boolean;
}) {
  const { t } = useTranslation();
  const router = useRouter();
  const { data: user } = useUser();

  const [sidebar, setSidebar] = useState(false);

  const { width } = useWindowDimensions();

  useEffect(() => {
    if (sidebar) setSidebar(false);
  }, [width, router]);

  useEffect(() => {
    document.body.style.overflow = "auto";
  }, [sidebar]);

  const toggleSidebar = () => {
    setSidebar(false);
    document.body.style.overflow = "auto";
  };

  const [newLinkModal, setNewLinkModal] = useState(false);
  const [newCollectionModal, setNewCollectionModal] = useState(false);
  const [uploadFileModal, setUploadFileModal] = useState(false);

  const [daysLeft, setDaysLeft] = useState<number>(0);
  const [isTrialing, setIsTrialing] = useState<boolean>(false);

  useEffect(() => {
    if (user?.createdAt) {
      const trialEndTime =
        new Date(user.createdAt).getTime() +
        (1 + Number(TRIAL_PERIOD_DAYS)) * 86400000; // Add 1 to account for the current day

      setDaysLeft(Math.floor((trialEndTime - Date.now()) / 86400000));
    }
  }, [user]);

  useEffect(() => {
    const isTrialing =
      user?.id &&
      !user?.subscription?.active &&
      !user.parentSubscription?.active;

    setIsTrialing(Boolean(isTrialing));
  }, [user, daysLeft]);

  return (
    <>
      {STRIPE_ENABLED && isTrialing && (
        <Link