import { useEffect, useState } from 'react' import clsx from 'clsx' import { useTheme } from '@material-ui/core/styles' import Drawer from '@material-ui/core/Drawer' import AppBar from '@material-ui/core/AppBar' import Toolbar from '@material-ui/core/Toolbar' import List from '@material-ui/core/List' import Typography from '@material-ui/core/Typography' import Divider from '@material-ui/core/Divider' import IconButton from '@material-ui/core/IconButton' import MenuIcon from '@material-ui/icons/Menu' import ChevronLeftIcon from '@material-ui/icons/ChevronLeft' import ChevronRightIcon from '@material-ui/icons/ChevronRight' import ListItem from '@material-ui/core/ListItem' import ListItemIcon from '@material-ui/core/ListItemIcon' import ListItemText from '@material-ui/core/ListItemText' import CreditCardIcon from '@material-ui/icons/CreditCard' import ListIcon from '@material-ui/icons/List' import PowerSettingsNewIcon from '@material-ui/icons/PowerSettingsNew' import TorrentList from '../TorrentList' import AddDialogButton from '../Add' import RemoveAll from '../RemoveAll' import SettingsDialog from '../Settings' import AboutDialog from '../About' import { playlistAllHost, shutdownHost, torrserverHost } from '../../utils/Hosts' import DonateSnackbar from '../Donate' import DonateDialog from '../Donate/DonateDialog' import UploadDialog from '../Upload' import useStyles from './useStyles' export default function MiniDrawer() { const classes = useStyles() const theme = useTheme() const [isDrawerOpen, setIsDrawerOpen] = useState(false) const [isDonationDialogOpen, setIsDonationDialogOpen] = useState(false) const [tsVersion, setTSVersion] = useState('') const handleDrawerOpen = () => { setIsDrawerOpen(true) } const handleDrawerClose = () => { setIsDrawerOpen(false) } useEffect(() => { fetch(torrserverHost + '/echo') .then((resp) => resp.text()) .then((txt) => { if (!txt.startsWith('')) setTSVersion(txt) }) }, [isDrawerOpen]) return (

TorrServer {tsVersion}

{theme.direction === 'rtl' ? : }

fetch(shutdownHost())}> setIsDonationDialogOpen(true)}>

{isDonationDialogOpen && setIsDonationDialogOpen(false)} />} {!JSON.parse(localStorage.getItem('snackbarIsClosed')) && }

) }