eslint added. lots of refactor

web/src/components/Donate/DonateDialog.jsx

@@ -0,0 +1,41 @@
+import ListItem from '@material-ui/core/ListItem'
+import Dialog from '@material-ui/core/Dialog'
+import DialogTitle from '@material-ui/core/DialogTitle'
+import DialogContent from '@material-ui/core/DialogContent'
+import DialogActions from '@material-ui/core/DialogActions'
+import List from '@material-ui/core/List'
+import ButtonGroup from '@material-ui/core/ButtonGroup'
+import Button from '@material-ui/core/Button'
+
+const donateFrame =
+  '<iframe src="https://yoomoney.ru/quickpay/shop-widget?writer=seller&targets=TorrServer Donate&targets-hint=&default-sum=200&button-text=14&payment-type-choice=on&mobile-payment-type-choice=on&comment=on&hint=&successURL=&quickpay=shop&account=410013733697114" width="100%" height="302" frameborder="0" allowtransparency="true" scrolling="no"></iframe>'
+
+export default function DonateDialog({ onClose }) {
+  return (
+    <Dialog open onClose={onClose} aria-labelledby='form-dialog-title' fullWidth>
+      <DialogTitle id='form-dialog-title'>Donate</DialogTitle>
+      <DialogContent>
+        <List>
+          <ListItem>
+            <ButtonGroup variant='outlined' color='primary' aria-label='contained primary button group'>
+              <Button onClick={() => window.open('https://www.paypal.com/paypalme/yourok', '_blank')}>PayPal</Button>
+              <Button onClick={() => window.open('https://yoomoney.ru/to/410013733697114', '_blank')}>
+                Yandex.Money
+              </Button>
+            </ButtonGroup>
+          </ListItem>
+          <ListItem>
+            {/* eslint-disable-next-line react/no-danger */}
+            <div dangerouslySetInnerHTML={{ __html: donateFrame }} />
+          </ListItem>
+        </List>
+      </DialogContent>
+
+      <DialogActions>
+        <Button onClick={onClose} color='primary' variant='outlined'>
+          Ok
+        </Button>
+      </DialogActions>
+    </Dialog>
+  )
+}