Settings: improve icons

This commit is contained in:
Enrico Ros
2025-01-14 09:22:22 -08:00
parent 26733d6fea
commit 75897cc162
2 changed files with 5 additions and 4 deletions
+3 -2
View File
@@ -2,6 +2,7 @@ import * as React from 'react';
import { Accordion, AccordionDetails, accordionDetailsClasses, AccordionGroup, AccordionSummary, accordionSummaryClasses, Avatar, Box, Button, ListItemContent, styled, Tab, TabList, TabPanel, Tabs } from '@mui/joy';
import AddIcon from '@mui/icons-material/Add';
import AutoAwesomeIcon from '@mui/icons-material/AutoAwesome';
import LanguageRoundedIcon from '@mui/icons-material/LanguageRounded';
import MicIcon from '@mui/icons-material/Mic';
import RecordVoiceOverIcon from '@mui/icons-material/RecordVoiceOver';
import ScienceIcon from '@mui/icons-material/Science';
@@ -265,10 +266,10 @@ export function SettingsModal(props: {
<TabPanel value='tools' variant='outlined' sx={_styles.tabPanel}>
<Topics>
<Topic icon={<SearchIcon />} title='Web Browser'>
<Topic icon={<LanguageRoundedIcon />} title='Web Browser'>
<BrowseSettings />
</Topic>
<Topic icon={<SearchIcon />} title='Google Search API' startCollapsed>
<Topic icon={<SearchIcon />} title='Web Search - Google API' startCollapsed>
<GoogleSearchSettings />
</Topic>
{/*<Topic icon='🛠' title='Other tools...' />*/}
+2 -2
View File
@@ -4,7 +4,7 @@ import { useShallow } from 'zustand/react/shallow';
import type { SxProps, VariantProp } from '@mui/joy/styles/types';
import { Alert, Box, Button, Typography, useTheme } from '@mui/joy';
import AddCircleOutlineRoundedIcon from '@mui/icons-material/AddCircleOutlineRounded';
import LanguageIcon from '@mui/icons-material/Language';
import LanguageRoundedIcon from '@mui/icons-material/LanguageRounded';
import { BrowserLang } from '~/common/util/pwaUtils';
@@ -161,7 +161,7 @@ export function BeamFusionGrid(props: {
// full row of the grid
gridColumn: '1 / -1',
}}>
<Typography level='body-sm' color='warning' startDecorator={<LanguageIcon />}>
<Typography level='body-sm' color='warning' startDecorator={<LanguageRoundedIcon />}>
Note: Merges are defined in English and have not been translated to your browser language ({navigator.language}) yet.
</Typography>
</Alert>