m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-10-22 19:26:13 +02:00
Code

Dark Mode: Settings Search Bar (#13997)

Browse Source
This commit is contained in:
David Walsh 2022-03-18 12:35:43 -05:00 committed by GitHub
parent 87636bfdf7
commit 3bdfd7f6a0
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 5 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
ui/pages/settings/settings-search/settings-search.js
View File

@ -15,7 +15,9 @@ export default function SettingsSearch({
const t = useContext(I18nContext);
const [searchQuery, setSearchQuery] = useState('');
const [searchIconColor, setSearchIconColor] = useState('#9b9b9b');
const [searchIconColor, setSearchIconColor] = useState(
'var(--color-icon-muted)',
);
const settingsRoutesListArray = Object.values(settingsRoutesList);
const settingsSearchFuse = new Fuse(settingsRoutesListArray, {
@ -32,9 +34,9 @@ export default function SettingsSearch({
const handleSearch = (searchQuery) => {
setSearchQuery(searchQuery);
if (searchQuery === '') {
setSearchIconColor('#9b9b9b');
setSearchIconColor('var(--color-icon-muted)');
} else {
setSearchIconColor('#24292E');
setSearchIconColor('var(--color-icon-default)');
}
const fuseSearchResult = settingsSearchFuse.search(searchQuery);
const addressSearchResult = settingsRoutesListArray.filter((routes) => {
@ -91,7 +93,6 @@ export default function SettingsSearch({
fullWidth
autoFocus
autoComplete="off"
style={{ backgroundColor: '#fff' }}
startAdornment={renderStartAdornment()}
endAdornment={renderEndAdornment()}
/>