From 0e49a986262b66f10e956efd5bd293cb526438bc Mon Sep 17 00:00:00 2001
From: YouROK <8yourok8@mail.ru>
Date: Thu, 18 Feb 2021 16:54:27 +0300
Subject: [PATCH] add snake

---
 web/src/components/Donate.js | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/web/src/components/Donate.js b/web/src/components/Donate.js
index 03a59b9..fb7fa77 100644
--- a/web/src/components/Donate.js
+++ b/web/src/components/Donate.js
@@ -7,7 +7,8 @@ import DialogTitle from '@material-ui/core/DialogTitle'
 import DialogContent from '@material-ui/core/DialogContent'
 import DialogActions from '@material-ui/core/DialogActions'
 import Button from '@material-ui/core/Button'
-
+import Snackbar from '@material-ui/core/Snackbar'
+import IconButton from '@material-ui/core/IconButton'
 import CreditCardIcon from '@material-ui/icons/CreditCard'
 import List from '@material-ui/core/List'
 import ButtonGroup from '@material-ui/core/ButtonGroup'
@@ -17,6 +18,7 @@ const donateFrame =
 
 export default function DonateDialog() {
     const [open, setOpen] = React.useState(false)
+    const [snakeOpen, setSnakeOpen] = React.useState(true)
 
     const handleClickOpen = () => {
         setOpen(true)
@@ -54,6 +56,27 @@ export default function DonateDialog() {
                     </Button>
                 </DialogActions>
             </Dialog>
+
+            <Snackbar
+                anchorOrigin={{
+                    vertical: 'bottom',
+                    horizontal: 'center',
+                }}
+                open={snakeOpen}
+                onClose={()=>{setSnakeOpen(false)}}
+                autoHideDuration={6000}
+                message="Donate?"
+                action={
+                    <React.Fragment>
+                        <IconButton size="small" aria-label="close" color="inherit" onClick={()=>{
+                            setSnakeOpen(false)
+                            setOpen(true)
+                        }}>
+                            <CreditCardIcon fontSize="small" />
+                        </IconButton>
+                    </React.Fragment>
+                }
+            />
         </div>
     )
 }