🔀 Merge pull request #263 from ajnart/#261-discord

💬 Adds Discord Button (#261)

src/components/Settings/CommonSettings.tsx

@@ -1,6 +1,6 @@
 import { ActionIcon, Group, Text, SegmentedControl, TextInput, Anchor } from '@mantine/core';
 import { useState } from 'react';
-import { IconBrandGithub as BrandGithub } from '@tabler/icons';
+import { IconBrandGithub as BrandGithub, IconBrandDiscord as BrandDiscord } from '@tabler/icons';
 import { CURRENT_VERSION } from '../../../data/constants';
 import { useConfig } from '../../tools/state';
 import { ColorSchemeSwitch } from '../ColorSchemeToggle/ColorSchemeSwitch';
@@ -98,21 +98,26 @@ export default function CommonSettings(args: any) {
             {CURRENT_VERSION}
           </Text>
         </Group>
-        <Text
-          style={{
-            fontSize: '0.90rem',
-            textAlign: 'center',
-            color: 'gray',
-          }}
-        >
-          Made with ❤️ by @
-          <Anchor
-            href="https://github.com/ajnart"
-            style={{ color: 'inherit', fontStyle: 'inherit', fontSize: 'inherit' }}
+        <Group spacing={1}>
+          <Text
+            style={{
+              fontSize: '0.90rem',
+              textAlign: 'center',
+              color: 'gray',
+            }}
           >
-            ajnart
-          </Anchor>
-        </Text>
+            Made with ❤️ by @
+            <Anchor
+              href="https://github.com/ajnart"
+              style={{ color: 'inherit', fontStyle: 'inherit', fontSize: 'inherit' }}
+            >
+              ajnart
+            </Anchor>
+          </Text>
+          <ActionIcon<'a'> component="a" href="https://discord.gg/aCsmEV5RgA" size="lg">
+            <BrandDiscord size={18} />
+          </ActionIcon>
+        </Group>
       </Group>
     </Group>
   );