Initial commit: docker compose config

2026-05-30 12:07:11 +00:00
commit 616c6b1c62
381 changed files with 55145 additions and 0 deletions
@@ -0,0 +1,62 @@
+import { useState } from 'react'
+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 CloseIcon from '@material-ui/icons/Close'
+import { useTranslation } from 'react-i18next'
+import styled from 'styled-components'
+import { standaloneMedia } from 'style/standaloneMedia'
+
+import DonateDialog from './DonateDialog'
+
+const StyledSnackbar = styled(Snackbar)`
+  ${standaloneMedia('margin-bottom: 90px')};
+`
+
+export default function DonateSnackbar() {
+  const { t } = useTranslation()
+  const [open, setOpen] = useState(false)
+  const [snackbarOpen, setSnackbarOpen] = useState(true)
+
+  const disableSnackbar = () => {
+    setSnackbarOpen(false)
+    localStorage.setItem('snackbarIsClosed', true)
+  }
+
+  return (
+    <>
+      {open && <DonateDialog onClose={() => setOpen(false)} />}
+
+      <StyledSnackbar
+        anchorOrigin={{
+          vertical: 'bottom',
+          horizontal: 'center',
+        }}
+        open={snackbarOpen}
+        onClose={disableSnackbar}
+        message={t('Donate?')}
+        action={
+          <>
+            <Button
+              style={{ marginRight: '10px' }}
+              color='secondary'
+              size='small'
+              onClick={() => {
+                setOpen(true)
+                disableSnackbar()
+              }}
+            >
+              <CreditCardIcon style={{ marginRight: '10px' }} fontSize='small' />
+              {t('Support')}
+            </Button>
+
+            <IconButton size='small' aria-label='close' color='inherit' onClick={disableSnackbar}>
+              <CloseIcon fontSize='small' />
+            </IconButton>
+          </>
+        }
+      />
+    </>
+  )
+}