From 1ff172560ee7bbb9019b7994b49600d4ed7d522f Mon Sep 17 00:00:00 2001
From: sh-dv <44544201+sh-dv@users.noreply.github.com>
Date: Mon, 31 Jan 2022 02:04:45 +0200
Subject: [PATCH] Footer redesign

---
 public/assets/icons/btc-logo.png | Bin 0 -> 2308 bytes
 public/assets/icons/eth-logo.png | Bin 0 -> 3252 bytes
 public/assets/icons/ko-fi.png    | Bin 0 -> 8132 bytes
 src/components/Footer.js         | 339 ++++++++++++++++++++++---------
 4 files changed, 239 insertions(+), 100 deletions(-)
 create mode 100644 public/assets/icons/btc-logo.png
 create mode 100644 public/assets/icons/eth-logo.png
 create mode 100644 public/assets/icons/ko-fi.png

diff --git a/public/assets/icons/btc-logo.png b/public/assets/icons/btc-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8e52f2bd1bf580a21d624cc8e970c545bd643210
GIT binary patch
literal 2308
zcmV+f3H$bmP)<h;3K|Lk000e1NJLTq001%o001%w1^@s69zTe&000QfNkl<ZXo20D
zd5l%n9mhZC+_%iaY%u$<%wUJ5$iAqpC5ROps~{nk7TTr;YnMN&t?3_4YZpsnYfS2r
znwt7Y7m2h{S_DF=P^)$*izrfL9S~%gMPMHDp0mC8?mf-9_r76f-kX_w-%M@NZ*ueU
z?mgT0oby}H;r|6f^XPuMdbD)r0e1j50gHi(5z2P}Zvh8@oxp3O9l&Ua<N)^qUj}X*
z<v30QF96R07qV$UX4&zBKqK(X7?9AY2Yv{g0e%Tg@Y{f2BFljzZf7-qJM(~`J4t$l
z?)OvC50Q<)9$@xZk3IuRfM<a%K(3bxUWn*2JAm(x^=Lg{HE<O8n3q8g2QAPCU5(@u
z0+a$P0jSZCnF<^R=8T5Ozkmf<buXk%Ky_b1wYQ*R%^(BrN8iNqf&IXBLlp=N^#R!B
z+J~&5dfO5C)r9ZbgcUi3b#@ol#aF=;sMu9|!9;!`<P?Erdg(&%js~C>=o$QRs1<nx
zSmBv~vYe+sIy;f2A4k?MCouo(1QtJl)!Kn5t|NHouQ2AWLljJeMB12!LxpQV(~yaX
z-bxR9Zdw|scofyqifV60b+&=o3ki@DKiOBzJhKCJ737p#2rT#}p_Q93=G~8qT=GLi
zV;S%*FGODS-ljlBS_sV9KxoZojD`0i%VwjxBB*W<l?(eyTIXLy<bkM|f9+k{TVVL*
zVdF`lwEv62GIAeK=eapsBPB8Bebpvl%v@`0Dyw-v)|F$(>Kp80>dJA<lZPM#M$IRj
zy2&1_rq>}ioD~z-tN7edL>}|glIrb1lwN0(=z|c*nj7t>5BU{@*FTSnM-WA|_FJ=Y
z8`ha~$eI#I!wr_Pk#Uc!#k5=FEbI^ND9}Ia-N!S8txhG@`>$cOy@M>SMdXf8t1be$
z$nrVJswFm28$A(J*BMm%NmOSPkz3HGvVEWs*vcU9R~x=XzUD+2ppvMoEvP8S+R21B
z96^MOJU5|bC(-aT%#(YN6Ux8{`&peNpgZeI3Hub^Bs7$1&xI(iMwI8+``)(Z{fl&8
zA+hJ%m`8q(il%$$T8o9(?IyVNAxDF$q@NK4TsNjqM(*}aVlcXTFzW9{<P;D1panm^
z;|ZkRImP3Vb+;3|Wh0_!>VR^=TOUV7&td-iCB%f9v<VpotAI_Z75UWYSO|NOMRj^;
zqFN3(B+9G7ijzF}0=>VPhxNfbX=Q^q{|G`M#}0Xiwkt-8$dXa<&}ul(=u@`?J~bb(
z)vhhW;X-81WUNauk_VqipN`_Gh>}UDc&DG<%Yf-AB9pRbq1A8%QBsGj8YpI}<2}q%
zJ00C<3$W`An;=33>Fp%DK|j*Bm7G7E)94*N3FNee{k&UuU_Dn6RkI=1jEc6}1oRe^
z(`FJ_@||=dmyV($&4{8(zayAD21JD8S7ne7SuvlS4M$KN=ddmxhwcajb1<f@a#Z&q
z*xOAx{+kbB*C-x65nDbaqIzgC)7IQ@E&5PxB=<gwd2B19q{1%=joeWaQSqyYlBpP#
ziwC~%X(xH`No2(W+g%a)nNwY=<2>;#YcStEgsiP{jjV5XW!S*V8@l7j`h{Qw2Nbt1
z?j!!^N07xJN~(~PmSW6Wk5PZufO2A7C4rkCMn%7d>TE|8lxGte_hgyZQqCh%@{z7~
zRqLCM{TN>f@hIlof28*hD~Z4SMX>r=ZzGIRzlzY>?O?_s*_F+JI{Xtc0;t}o6Ng{A
zXzv1%(SGcA?1v6{!bOPkiOAAYlCN(f@sIDNm6w%^FlMYo#ja#Sq$x$jTbL#!s-q2A
zxsc$U&mgCNn!pX~Fsg4FP)zkiu-XnGa`XDVw7|$glxP=zd&cHv*<6Tc!-K;q8PUn)
z&yHAJ52mx1z@i5+rmrTj;2Rl>S&iE;8{3fDqt8ho0y(ygQD!gd3K)x)Wp2KwJ)0zM
z1UQze_D?T0RI~*-Yq?EgIOuRTwC1N6*RMuSm;u3jl$k`xTmnni5?c22%oEVO4|054
z^*4Y-YDHcK9v!iYkqZ`>C$}I<XCWs{&sa=HjD1m~nLu^6qIx<Id1Z)knbok>dI+oO
zO+-PNUm`jSIv}t*4$K&yND$R^8M-<lzYtmO3|LON6=TMlRC8G&zIg@a=~ocrC;GJ`
zdILxL@5rY|tYRh*;bKH_6+#+V7aEA~{56S&ANP^aGix6G6Dro^c_fLye;4z_D~OUx
zza;+R%E$oGdM;B2FCDJ^2;?FPYmh|{nE8diQpv;5(*4+4k_{XC-l@nLtoQe#K5T|~
z%uZTp|I0k_67kKqlYHZG#P~8D-1{Mcn@F_Lzou4vKk+0hDQLqM23d1W{p!?@)>fkY
zT4p7#L)}B$kTo?B%yTBAH-?I}IrCCl?aZma)zHUvZ>RnYR(4vQw0mtyb+;qRrX!~;
zcSjt>YC4Fh3SiW^8CNTTy8JFe=R5RD#4ey>7wx!16jmTgYFtObw|{kC|38`5^7Fvo
zJT(=}2Qx`x&qK(%+fb24RHT={g4+-!^$w4=!>Gu6i2QQfmZYfz|DG;x{;je9i~f17
z6wU$@y&NZqU@j!OuuksAJh2JY)Brg_M7YpS3F$<Hb$Tn-sojWi#UnN66(=$!ONKku
z)rTu{y|pczxJ1uxC=aCrD4lfE+eSx?I+-A{J$D^|gnO*eJov+KtuF;yytS{K0c%%Y
ztLRXH?Ye83upc=#5w)8!Nh84sM56BDzeh6tp`29;7dl!hi$Ey@J_GC>>f=c3ebGI&
zN>4(4bokKCyX_jTM=u-q1D$RGp8p?^*auwi#i{iwfqJie3HVCNCHM%i(Y@Pp-b+`0
zRmtz%>lRO8`@#Peyy#v^@P7Q4<y{mVi$35U;{PJsOE7~F1Agn?Yq`h0B;X5Uam~qa
zqstYpQ0h=1<e}bKH!}Szu-%=YtT9&iwNlUr`<jS0q}n^scS^>&{pj?FzNgiyLsNIw
eeIMy&1n?goI_TB8l#en10000<MNUMnLSTY{@MY)#

literal 0
HcmV?d00001

diff --git a/public/assets/icons/eth-logo.png b/public/assets/icons/eth-logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..8dab290dfab545c3472f8c291fb586d045563e5d
GIT binary patch
literal 3252
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

literal 0
HcmV?d00001

diff --git a/public/assets/icons/ko-fi.png b/public/assets/icons/ko-fi.png
new file mode 100644
index 0000000000000000000000000000000000000000..09f737c94f7d85dcb56c1443c02c08c9161a39ee
GIT binary patch
literal 8132
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
Y{^0P%Qay+kI*J6zd{dOH5H}3`A9?m4ApigX

literal 0
HcmV?d00001

diff --git a/src/components/Footer.js b/src/components/Footer.js
index 92787552..f9925125 100644
--- a/src/components/Footer.js
+++ b/src/components/Footer.js
@@ -1,12 +1,16 @@
-import { useState } from "react";
+/* eslint-disable react-hooks/exhaustive-deps */
+/* eslint-disable @next/next/no-img-element */
+import { useState, useEffect } from "react";
 import Typography from "@material-ui/core/Typography";
 import { makeStyles } from "@material-ui/core/styles";
 import Container from "@material-ui/core/Container";
+import Tabs from "@material-ui/core/Tabs";
+import Tab from "@material-ui/core/Tab";
 import FavoriteIcon from "@material-ui/icons/Favorite";
 import MonetizationOnIcon from "@material-ui/icons/MonetizationOn";
 import FileCopyIcon from "@material-ui/icons/FileCopy";
 import Link from "@material-ui/core/Link";
-import { Chip, Avatar } from "@material-ui/core";
+import { Chip, Avatar, Hidden } from "@material-ui/core";
 import Button from "@material-ui/core/Button";
 import Dialog from "@material-ui/core/Dialog";
 import DialogActions from "@material-ui/core/DialogActions";
@@ -14,6 +18,8 @@ import DialogContent from "@material-ui/core/DialogContent";
 import DialogContentText from "@material-ui/core/DialogContentText";
 import DialogTitle from "@material-ui/core/DialogTitle";
 import { IconButton, Tooltip, TextField } from "@material-ui/core";
+import { Alert } from "@material-ui/lab";
+import Snackbar from "@material-ui/core/Snackbar";
 import { getTranslations as t } from "../../locales";
 let QRCode = require("qrcode.react");
 
@@ -28,11 +34,6 @@ const useStyles = makeStyles((theme) => ({
     padding: theme.spacing(3, 2),
   },
 
-  heartIcon: {
-    fontSize: "15px",
-    color: "#e74c3c",
-  },
-
   topScrollPaper: {
     alignItems: "start",
     marginTop: "10vh",
@@ -44,6 +45,7 @@ const useStyles = makeStyles((theme) => ({
   chip: {
     marginTop: 5,
     border: "none",
+    borderRadius: 8,
     textTransform: "none",
     boxShadow: "none",
     color: theme.palette.diamondBlack.main,
@@ -72,32 +74,88 @@ const useStyles = makeStyles((theme) => ({
   },
 }));
 
+const TabPanel = (props) => {
+  const { children, value, index, ...other } = props;
+
+  return (
+    <div
+      component="div"
+      role="tabpanel"
+      hidden={value !== index}
+      id={`donation-tabpanel-${index}`}
+      aria-labelledby={`donation-tab-${index}`}
+      {...other}
+    >
+      {children}
+    </div>
+  );
+};
+
 export default function Footer() {
   const classes = useStyles();
+  const [tabValue, setTabValue] = useState(0);
+  const [currAvatar, setCurrAvatar] = useState("xmr");
+  const [donateDialog, setDonateDialog] = useState(false);
+  const [snackOpen, setSnackOpen] = useState(false);
+
+  const cryptoAddrs = [
+    {
+      type: "monero",
+      alt: "xmr",
+      addr: "84zQq4Xt7sq8cmGryuvWsXFMDvBvHjWjnMQXZWQQRXjB1TgoZWS9zBdNcYL7CRbQBqcDdxr4RtcvCgApmQcU6SemVXd7RuG",
+    },
+    {
+      type: "bitcoin",
+      alt: "btc",
+      addr: "bc1qlfnq8nu2k84h3jth7a27khaq0p2l2gvtyl2dv6",
+    },
+    {
+      type: "ethereum",
+      alt: "eth",
+      addr: "0xF6F204B044CC73Fa90d7A7e4C5EC2947b83b917e",
+    },
+  ];
+
+  const handleSnackClose = (event, reason) => {
+    if (reason === "clickaway") return;
+    setSnackOpen(false);
+    handleSnackOpen();
+  };
 
-  const [xmrDialog, setXmrDialog] = useState(false);
+  const handleSnackOpen = () => {
+    setTimeout(function () {
+      setSnackOpen(true);
+    }, 60000);
+  };
 
-  const xmrAddr =
-    "84zQq4Xt7sq8cmGryuvWsXFMDvBvHjWjnMQXZWQQRXjB1TgoZWS9zBdNcYL7CRbQBqcDdxr4RtcvCgApmQcU6SemVXd7RuG";
+  const handleTabChange = (event, newValue) => {
+    setTabValue(newValue);
+  };
 
   const handleClickOpen = () => {
-    setXmrDialog(true);
+    setDonateDialog(true);
   };
 
   const handleClose = () => {
-    setXmrDialog(false);
+    setDonateDialog(false);
   };
 
+  useEffect(() => {
+    handleSnackOpen();
+
+    setInterval(() => {
+      setCurrAvatar(
+        cryptoAddrs[Math.floor(Math.random() * cryptoAddrs.length)].alt
+      );
+    }, 10000);
+  }, []);
+
   return (
     <div className={classes.root}>
       <footer className={classes.footer}>
         <Container maxWidth="sm">
           <Typography variant="body1">
-            built and developed with{" "}
-            <strong>
-              <FavoriteIcon className={classes.heartIcon} />
-            </strong>{" "}
-            by{" "}
+            Built and developed by{" "}
             <Link
               href="https://github.com/sh-dv"
               target="_blank"
@@ -106,96 +164,177 @@ export default function Footer() {
             >
               {"sh-dv"}
             </Link>
-            .
           </Typography>
-          
-            <Chip
-              size="small"
-              className={classes.chip}
-              avatar={<Avatar src={"/assets/icons/xmr-logo.png"}></Avatar>}
-              label="Monero Accepted"
-              clickable
-              onClick={() => handleClickOpen()}
-              onDelete={() => handleClickOpen()}
-              deleteIcon={<MonetizationOnIcon className={classes.monIcon} />}
-            />
-            <Dialog
-              scroll="body"
-              maxWidth="sm"
-              fullWidth
-              open={xmrDialog}
-              onClose={handleClose}
-              aria-labelledby="alert-dialog-title"
-              aria-describedby="alert-dialog-description"
-              PaperProps={{
-                elevation: 0,
-              }}
-              classes={{
-                scrollPaper: classes.topScrollPaper,
-                paperScrollBody: classes.topPaperScrollBody,
-              }}
-            >
-              <DialogTitle id="alert-dialog-title">
-                {"Monero Donations"}
-              </DialogTitle>
-              <DialogContent>
-                <div className={classes.qr}>
-                  <QRCode
-                    value={
-                      "monero:84zQq4Xt7sq8cmGryuvWsXFMDvBvHjWjnMQXZWQQRXjB1TgoZWS9zBdNcYL7CRbQBqcDdxr4RtcvCgApmQcU6SemVXd7RuG"
-                    }
-                    size={200}
-                    bgColor={"#ffffff"}
-                    fgColor={"#000000"}
-                    level={"M"}
-                    includeMargin={true}
-                    renderAs={"canvas"}
-                    imageSettings={{
-                      src: "/assets/icons/xmr-logo.png",
-                      x: null,
-                      y: null,
-                      height: 40,
-                      width: 40,
-                      excavate: false,
-                    }}
-                  />
-                </div>
-                <TextField
-                  style={{ marginBottom: 15 }}
-                  defaultValue={xmrAddr}
-                  InputProps={{
-                    readOnly: true,
-                    endAdornment: (
-                      <>
-                        <Tooltip title={t("copy_link")} placement="left">
-                          <IconButton
-                            onClick={() => {
-                              navigator.clipboard.writeText(xmrAddr);
-                            }}
-                          >
-                            <FileCopyIcon />
-                          </IconButton>
-                        </Tooltip>
-                      </>
-                    ),
-                  }}
-                  variant="outlined"
-                  fullWidth
-                />
-                <DialogContentText id="alert-dialog-description">
+
+          <Chip
+            size="small"
+            className={classes.chip}
+            avatar={
+              <Avatar src={`/assets/icons/${currAvatar}-logo.png`}></Avatar>
+            }
+            label="Donations Accepted"
+            clickable
+            onClick={() => handleClickOpen()}
+            onDelete={() => handleClickOpen()}
+            deleteIcon={<MonetizationOnIcon className={classes.monIcon} />}
+          />
+          <Dialog
+            scroll="body"
+            maxWidth="sm"
+            fullWidth
+            open={donateDialog}
+            onClose={handleClose}
+            aria-labelledby="alert-dialog-title"
+            aria-describedby="alert-dialog-description"
+            PaperProps={{
+              elevation: 0,
+            }}
+            classes={{
+              scrollPaper: classes.topScrollPaper,
+              paperScrollBody: classes.topPaperScrollBody,
+            }}
+          >
+            <DialogTitle>{"Donations"}</DialogTitle>
+
+            <DialogContent>
+              <Hidden xsDown>
+                <DialogContentText style={{ textAlign: "center" }}>
                   Hat.sh is an open-source application. The project is
                   maintained in my free time. Donations of any size are
                   appreciated.
                 </DialogContentText>
-              </DialogContent>
-              <DialogActions>
-                <Button onClick={handleClose} color="primary">
-                  {t("close")}
-                </Button>
-              </DialogActions>
-            </Dialog>
+              </Hidden>
+
+              <Tabs
+                value={tabValue}
+                onChange={handleTabChange}
+                indicatorColor="primary"
+                textColor="primary"
+                style={{ marginBottom: 15 }}
+                centered
+              >
+                {cryptoAddrs.map((res, index) => (
+                  <Tab label={res.type} key={index} />
+                ))}
+              </Tabs>
+
+              {cryptoAddrs.map((res, index) => (
+                <TabPanel value={tabValue} index={index} key={index}>
+                  <div className={classes.qr}>
+                    <QRCode
+                      style={{
+                        borderRadius: 8,
+                        margin: 10,
+                        boxShadow: "0px 0px 35px 2px rgba(0,0,0,0.2)",
+                      }}
+                      value={`${res.type}:${res.addr}`}
+                      size={200}
+                      bgColor={"#ffffff"}
+                      fgColor={"#000000"}
+                      level={"M"}
+                      renderAs={"canvas"}
+                      includeMargin={true}
+                      imageSettings={{
+                        src: `/assets/icons/${res.alt}-logo.png`,
+                        x: null,
+                        y: null,
+                        height: 40,
+                        width: 40,
+                        excavate: false,
+                      }}
+                    />
+                  </div>
+                  <TextField
+                    style={{ marginBottom: 15 }}
+                    defaultValue={res.addr}
+                    label={res.type}
+                    InputProps={{
+                      readOnly: true,
+                      endAdornment: (
+                        <>
+                          <Tooltip title="Copy address" placement="left">
+                            <IconButton
+                              onClick={() => {
+                                navigator.clipboard.writeText(res.addr);
+                              }}
+                            >
+                              <FileCopyIcon />
+                            </IconButton>
+                          </Tooltip>
+                        </>
+                      ),
+                    }}
+                    variant="outlined"
+                    fullWidth
+                  />
+                </TabPanel>
+              ))}
+            </DialogContent>
+            <DialogActions>
+              <Button
+                style={{ marginBottom: 1 }}
+                href="https://ko-fi.com/shdvapps"
+                target="_blank"
+              >
+                <img
+                  src="/assets/icons/ko-fi.png"
+                  width="200"
+                  alt="open collective"
+                ></img>
+              </Button>
+              <div style={{ flex: "1 0 0" }} />
+              <Button onClick={handleClose} color="primary">
+                {t("close")}
+              </Button>
+            </DialogActions>
+          </Dialog>
         </Container>
       </footer>
+      <Hidden xsDown>
+        <Snackbar
+          style={{ zIndex: 1 }}
+          anchorOrigin={{
+            vertical: "bottom",
+            horizontal: "right",
+          }}
+          open={snackOpen}
+          autoHideDuration={10000}
+          onClose={handleSnackClose}
+        >
+          <Alert
+            severity="info"
+            action={
+              <Button color="inherit" size="small" onClick={handleClickOpen}>
+                <svg
+                  enableBackground="new 0 0 24 24"
+                  height="24"
+                  viewBox="0 0 24 24"
+                  width="24"
+                >
+                  <g>
+                    <rect fill="none" height="24" width="24" />
+                  </g>
+                  <g>
+                    <g>
+                      <rect fill="#427aa6" height="11" width="4" x="1" y="11" />
+                      <path
+                        fill="#427aa6"
+                        d="M16,3.25C16.65,2.49,17.66,2,18.7,2C20.55,2,22,3.45,22,5.3c0,2.27-2.91,4.9-6,7.7c-3.09-2.81-6-5.44-6-7.7 C10,3.45,11.45,2,13.3,2C14.34,2,15.35,2.49,16,3.25z"
+                      />
+                      <path
+                        fill="#427aa6"
+                        d="M20,17h-7l-2.09-0.73l0.33-0.94L13,16h2.82c0.65,0,1.18-0.53,1.18-1.18v0c0-0.49-0.31-0.93-0.77-1.11L8.97,11H7v9.02 L14,22l8.01-3v0C22,17.9,21.11,17,20,17z"
+                      />
+                    </g>
+                  </g>
+                </svg>
+              </Button>
+            }
+          >
+            {t("donation_message")}
+          </Alert>
+        </Snackbar>
+      </Hidden>
     </div>
   );
 }