Using custom svg icon for discord instead of one from @mdi/js

the-hideout · Sep 9, 2024 · db7abc2 · db7abc2
1 parent 7353f9b
commit db7abc2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/src/images/Discord-icon.svg b/src/images/Discord-icon.svg
diff --git 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>