/* eslint-disable @next/next/no-img-element */ import React, { useContext } from "react"; import DrawerContainer from "containers/drawer/drawer"; import cls from "./appDrawer.module.scss"; import { useTranslation } from "react-i18next"; import { BrandLogoRounded } from "components/icons"; import SecondaryButton from "components/button/secondaryButton"; import DarkButton from "components/button/darkButton"; import { useRouter } from "next/router"; import { ThemeContext } from "contexts/theme/theme.context"; import MoonFillIcon from "remixicon-react/MoonFillIcon"; import SunFillIcon from "remixicon-react/SunFillIcon"; import { useAuth } from "contexts/auth/auth.context"; import MobileAppDrawer from "./mobileAppDrawer"; import { useMediaQuery } from "@mui/material"; import { useSettings } from "contexts/settings/settings.context"; type Props = { open: boolean; handleClose: () => void; }; export default function AppDrawer({ open, handleClose }: Props) { const { t } = useTranslation(); const { push } = useRouter(); const isMobile = useMediaQuery("(max-width:1139px)"); const { isDarkMode, toggleDarkMode, direction } = useContext(ThemeContext); const { isAuthenticated } = useAuth(); const { settings } = useSettings(); return (
{isMobile && } {!isAuthenticated ? (
{ push("/register"); handleClose(); }} > {t("sign.up")} { push("/login"); handleClose(); }} > {t("login")}
) : ( "" )}

{t("app.text")}

App store Google play
); }