From 792af504c732645c859f86240cd60653bed41493 Mon Sep 17 00:00:00 2001
From: Bjorn Lammers <walkxnl@gmail.com>
Date: Wed, 22 Jun 2022 13:19:44 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=AC=20Adds=20Discord=20Button?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#261
---
 src/components/Settings/CommonSettings.tsx | 35 ++++++++++++----------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/Settings/CommonSettings.tsx b/src/components/Settings/CommonSettings.tsx
index 7b7665490..acc501e39 100644
--- a/src/components/Settings/CommonSettings.tsx
+++ b/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>
   );