import React, { useState, Component } from "react"; import { Link } 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 hamburger from "../../../../assets/icons/hamburger.png"; import search from "../../../../assets/icons/navbarSearch.png"; import "./index.scss"; const useStyles = makeStyles({ list: { width: window.innerWidth * 0.8, }, fullList: { width: "auto", direction: "rtl", textAlign: "right", }, }); export default function MobileNavbar(props) { 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) => (
); return ( ); }