import React, { useState } from "react"; import { Link, useHistory } from "react-router-dom"; import { makeStyles } from "@material-ui/core/styles"; import { SwipeableDrawer } from "@material-ui/core"; import NavbarDrawer from "./NavbarDrawer/NavbarDrawer.js"; import clsx from "clsx"; import logo from "../../../../assets/icons/logoMobile.png"; import ar from "../../../../assets/icons/ar.png"; import qr from "../../../../assets/icons/qr.png"; import back from "../../../../assets/icons/back.png"; import hamburger from "../../../../assets/icons/hamburger.png"; import search from "../../../../assets/icons/navbarSearch.png"; import proxy from "~/Redux/proxy"; import "./index.scss"; function BackButton({ children }) { let history = useHistory(); return (
history.goBack()}> {window.t("بازگشت")}
); } const changeLanguage = (val) => { if (val === "fa") { localStorage.removeItem("language"); } else if (val === "en") { localStorage.setItem("language", "en"); } else { localStorage.setItem("language", "ar"); } window.location.reload(); }; const useStyles = makeStyles({ list: { width: window.innerWidth * 0.8, }, fullList: { width: "auto", direction: "rtl", textAlign: "right", }, }); export default function MobileNavbar(props) { const status = proxy.status(); const classes = useStyles(); const [state, setState] = useState({ top: false, left: false, bottom: false, right: false, searchFlag: false, }); const { page } = props; const toggleDrawer = (anchor, open) => (event) => { if ( event && event.type === "keydown" && (event.key === "Tab" || event.key === "Shift") ) { return; } setState({ [anchor]: open }); }; const list = (props, anchor) => (
); if (!status) return ( ); return ( ); }