From db7abc26a489532b410f4eeaae875abec7b5b7aa Mon Sep 17 00:00:00 2001
From: Shebuka <shebuka@hotmail.com>
Date: Mon, 9 Sep 2024 13:43:53 +0200
Subject: [PATCH] Using custom svg icon for discord instead of one from @mdi/js

---
 src/images/Discord-icon.svg | 3 +++
 src/pages/start/index.js    | 7 +++----
 2 files changed, 6 insertions(+), 4 deletions(-)
 create mode 100644 src/images/Discord-icon.svg

diff --git a/src/images/Discord-icon.svg b/src/images/Discord-icon.svg
new file mode 100644
index 000000000..3412691d6
--- /dev/null
+++ b/src/images/Discord-icon.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+  <path d="M20.317 4.3698a19.7913 19.7913 0 0 0-4.8851-1.5152.0741.0741 0 0 0-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 0 0-.0785-.037 19.7363 19.7363 0 0 0-4.8852 1.515.0699.0699 0 0 0-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 0 0 .0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 0 0 .0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 0 0-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 0 1-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 0 1 .0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 0 1 .0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 0 1-.0066.1276 12.2986 12.2986 0 0 1-1.873.8914.0766.0766 0 0 0-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 0 0 .0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 0 0 .0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 0 0-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"/>
+</svg>
\ No newline at end of file
diff --git a/src/pages/start/index.js b/src/pages/start/index.js
index af6401d75..972e7c398 100644
--- a/src/pages/start/index.js
+++ b/src/pages/start/index.js
@@ -3,6 +3,7 @@ import { useSearchParams } from "react-router-dom";
 import { Link } from 'react-router-dom';
 import { HashLink } from 'react-router-hash-link';
 import { useTranslation } from 'react-i18next';
+import { ReactComponent as DiscordIcon } from '../../images/Discord-icon.svg';
 
 import QueueBrowserTask from '../../modules/queue-browser-task.js';
 
@@ -25,7 +26,6 @@ import {
     mdiProgressWrench,
     mdiMap,
     mdiViewGrid,
-    mdiDiscord,
     mdiHome,
     mdiCalendarClock,
     mdiEmoticonDevil,
@@ -215,10 +215,9 @@ function Start() {
                         <a
                             href={DISCORD_STASH_INVITE_LINK}
                         >
-                            <Icon
-                                path={mdiDiscord}
-                                size={1}
+                            <DiscordIcon
                                 className="icon-with-text"
+                                style={{ width: '1.5rem', height: '1.5rem', fill: 'currentcolor' }}
                             />
                             {t('Invite Discord bot')}
                         </a>