add about

web/src/components/About.js

@@ -0,0 +1,46 @@
+import React from 'react';
+import Button from '@material-ui/core/Button';
+import Dialog from '@material-ui/core/Dialog';
+import DialogActions from '@material-ui/core/DialogActions';
+import DialogContent from '@material-ui/core/DialogContent';
+import DialogContentText from '@material-ui/core/DialogContentText';
+import DialogTitle from '@material-ui/core/DialogTitle';
+import InfoIcon from '@material-ui/icons/Info';
+import ListItem from '@material-ui/core/ListItem'
+import ListItemIcon from '@material-ui/core/ListItemIcon'
+import ListItemText from '@material-ui/core/ListItemText'
+
+export default function AboutDialog() {
+    const [open, setOpen] = React.useState(false)
+
+    return (
+        <div>
+            <ListItem button key="Settings" onClick={()=>{setOpen(true)}}>
+                <ListItemIcon>
+                    <InfoIcon />
+                </ListItemIcon>
+                <ListItemText primary="About" />
+            </ListItem>
+            <Dialog open={open} onClose={()=>{setOpen(false)}} aria-labelledby="form-dialog-title" fullWidth={true} maxWidth={'lg'}>
+                <DialogTitle id="form-dialog-title">About</DialogTitle>
+                <DialogContent>
+                    <DialogContent>
+                        <DialogContentText id="alert-dialog-description">
+                            <center><h2>Thanks to everyone who tested and helped.</h2></center><br/>
+                            <h2>Special thanks:</h2>
+                            <b>Anacrolix Matt Joiner</b> <a href={'https://github.com/anacrolix/'}>github.com/anacrolix</a><br/>
+                            <b>tsynik nikk Никита</b> <a href={'https://github.com/tsynik'}>github.com/tsynik</a><br/>
+                            <b>Tw1cker Руслан Пахнев</b> <a href={'https://github.com/Nemiroff'}>github.com/Nemiroff</a><br/>
+                            <b>SpAwN_LMG</b><br/>
+                        </DialogContentText>
+                    </DialogContent>
+                </DialogContent>
+                <DialogActions>
+                    <Button onClick={()=>{setOpen(false)}} color="primary" variant="outlined" autoFocus>
+                        Close
+                    </Button>
+                </DialogActions>
+            </Dialog>
+        </div>
+    )
+}

web/src/components/Appbar.js

@@ -25,6 +25,7 @@ import { Box } from '@material-ui/core'
 import AddDialog from './Add'
 import RemoveAll from './RemoveAll'
 import SettingsDialog from './Settings'
+import AboutDialog from './About'
 import { playlistAllHost, shutdownHost, torrserverHost } from '../utils/Hosts'
 import DonateDialog from './Donate'
 import UploadDialog from './Upload'
@@ -162,17 +163,18 @@ export default function MiniDrawer() {
                     <AddDialog />
                     <UploadDialog />
                     <RemoveAll />
-                    <DonateDialog />
-                </List>
-                <Divider />
-                <List>
                     <ListItem button key="Playlist all torrents" onClick={() => window.open(playlistAllHost(), '_blank')}>
                         <ListItemIcon>
                             <ListIcon />
                         </ListItemIcon>
                         <ListItemText primary="Playlist all torrents" />
                     </ListItem>
+                </List>
+                <Divider />
+                <List>
                     <SettingsDialog />
+                    <DonateDialog />
+                    <AboutDialog />
                     <ListItem button key="Close server" onClick={() => fetch(shutdownHost())}>
                         <ListItemIcon>
                             <PowerSettingsNewIcon />

web/src/components/DialogCacheInfo.js

@@ -72,9 +72,9 @@ function getCacheMap(cache) {
             }
 
             cache.Readers.forEach((r,k)=> {
-                if (i >= r.Start && i <= r.End && i != r.Reader)
+                if (i >= r.Start && i <= r.End && i !== r.Reader)
                     html += ' reader-range'
-                if (i == r.Reader) {
+                if (i === r.Reader) {
                     html += ' piece-reader'
                     info += ' reader'
                 }