added discord button

Author: Rorschach7552

public/assets/discord.png

@@ -0,0 +1,24 @@
+import React from 'react';
+import { IconButton, Tooltip } from '@mui/material';
+
+export default function DiscordButton() {
+  return (
+    <Tooltip title="Join our Discord">
+      <IconButton
+        href="https://discord.gg/WbKvNvRG"
+        target="_blank"
+        rel="noopener noreferrer"
+        sx={{
+          borderRadius: 4,
+          mixBlendMode: 'difference',
+          padding: 1,
+          '&:hover': {
+            backgroundColor: 'rgba(255, 255, 255, 0.1)',
+          },
+        }}
+      >
+        <img src="/assets/discord.png" alt="Discord logo" style={{ width: 30, height: 30 }} />
+      </IconButton>
+    </Tooltip>
+  );
+}

src/components/DiscordButton.tsx

@@ -3,6 +3,7 @@ import { Box, Stack, Typography } from '@mui/material';
 import LogoutButton from '@/features/auth/components/LogoutButton';
 import RefreshCharacters from './RefreshCharacters';
 import CoffeeButton from './CoffeeButton';
+import DiscordButton from './DiscordButton';
 import useSelectedCharacter from '@/hooks/use-selected-character';
 import packageJson from '../../package.json';
 
@@ -58,7 +59,7 @@ const Footer: React.FC = () => {
         <Typography
           variant="caption"
           textAlign="center"
-          width="95%"
+          width="90%"
           sx={{
             color: 'white',
             position: 'relative',
@@ -68,9 +69,12 @@ const Footer: React.FC = () => {
           Built by Dragoni and Rorschach. Destiny 2 and its assets are the property of Bungie. Used
           under Bungie's Fan-Created Media and Art guidelines. Consider supporting us!
         </Typography>
-        <Box style={{ width: '5%' }}>
+        <Box>
           <CoffeeButton />
         </Box>
+        <Box>
+          <DiscordButton />
+        </Box>
         <RefreshCharacters />
         <LogoutButton />
       </Stack>