Merge pull request #171 from ProLoser/copilot/change-menu-icon-obvious

Replace settings gear icon with hamburger menu icon

Author: ProLoser

src/Dialogues/Friends.tsx

@@ -14,7 +14,7 @@ import { classes } from '../Utils';
 import ToggleFullscreen from './ToggleFullscreen';
 import { saveFcmToken, clearFcmToken, getFcmToken } from '../firebase.config';
 import Version from './Version';
-import SettingsIcon from '@material-design-icons/svg/filled/settings.svg?react';
+import MenuIcon from '@material-design-icons/svg/filled/menu.svg?react';
 import PersonAddIcon from '@material-design-icons/svg/filled/person_add_alt_1.svg?react';
 import ManageAccountsIcon from '@material-design-icons/svg/filled/manage_accounts.svg?react';
 import NotificationsIcon from '@material-design-icons/svg/outlined/notifications.svg?react';
@@ -226,7 +226,7 @@ export default function Friends({ user, load, reset, friend }: FriendsProps) {
                 aria-expanded={isExpanded}
                 onPointerUp={() => setIsExpanded(!isExpanded)}
             >
-                <SettingsIcon className="material-icons-svg notranslate" />
+                <MenuIcon className="material-icons-svg notranslate" />
             </button>
             <menu>
                 <li>

src/Dialogues/Login.tsx

@@ -12,7 +12,7 @@ import './Login.css';
 import { DialogContext } from '.';
 import { User } from '../Types';
 import Version from './Version';
-import SettingsIcon from '@material-design-icons/svg/filled/settings.svg?react';
+import MenuIcon from '@material-design-icons/svg/filled/menu.svg?react';
 import RestartAltIcon from '@material-design-icons/svg/filled/restart_alt.svg?react';
 import BugReportIcon from '@material-design-icons/svg/filled/bug_report.svg?react';
 import InfoIcon from '@material-design-icons/svg/filled/info.svg?react';
@@ -84,7 +84,7 @@ export default function Login({ reset, friend, load }: LoginProps) {
                     aria-expanded={isExpanded}
                     onPointerUp={() => setIsExpanded(!isExpanded)}
                 >
-                    <SettingsIcon className="material-icons-svg notranslate" />
+                    <MenuIcon className="material-icons-svg notranslate" />
                 </button>
                 <menu>
                     {document.fullscreenEnabled ?