footer links

- fix Github link (Closes UnstoppableSwap#18)
- adjust x/twitter link to avoid extra redirect
- add small padding to bottom of footer

src/components/DownloadDialog.tsx

@@ -7,8 +7,7 @@ import {
   Button,
 } from "@material-ui/core";
 
-export const GITHUB_URL =
-  "https://github.com/UnstoppableSwap/unstoppableswap-gui";
+export const GITHUB_URL = "https://github.com/UnstoppableSwap/core";
 
 export default function DownloadDialog({
   open,

src/components/Footer.tsx

@@ -1,12 +1,12 @@
-import { Box, Icon, makeStyles } from "@material-ui/core";
+import { Box, makeStyles } from "@material-ui/core";
+import { GITHUB_URL } from "./DownloadDialog";
 import GitHubIcon from "@material-ui/icons/GitHub";
 import IconButton from "@material-ui/core/IconButton";
-import { GITHUB_URL } from "./DownloadDialog";
 import TwitterIcon from "@material-ui/icons/Twitter";
 import YouTubeIcon from "@material-ui/icons/YouTube";
 import DiscordIcon from "./icons/DiscordIcon";
 
-const TWITTER_URL = "https://twitter.com/UnstoppableSwap";
+const TWITTER_URL = "https://x.com/UnstoppableSwap";
 const YOUTUBE_URL = "https://www.youtube.com/@unstoppableswap6306";
 const DISCORD_INVITE_URL = "https://discord.gg/Wpkffvbt";
 
@@ -18,6 +18,7 @@ const useStyles = makeStyles({
     width: "100%",
     display: "flex",
     justifyContent: "center",
+    marginBottom: "2rem",
   },
 });
 
@@ -33,9 +34,9 @@ export const Footer = () => {
 
   return (
     <Box className={classes.root}>
-      {links.map(([icon, link], i) => {
+      {links.map(([icon, link]) => {
         return (
-          <IconButton key={i} onClick={() => window.open(link, "_blank")}>
+          <IconButton key={link} onClick={() => window.open(link, "_blank")}>
             {icon}
           </IconButton>
         );