LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Highlight the "Search in selected language" if coming from the hint

Browse source
This commit is contained in:
infinite-persistence 2022-02-25 18:36:58 +08:00 committed by Thomas Zarebczan
parent 9665f7f4c2
commit 45181c61b8
1 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
ui/component/settingAppearance/view.jsx
View file

@ -1,4 +1,6 @@
// @flow
import { useHistory } from 'react-router-dom';
import { SEARCH_IN_LANGUAGE } from 'constants/hashes';
import { SETTINGS_GRP } from 'constants/settings';
import React from 'react';
import * as SETTINGS from 'constants/settings';
@ -22,6 +24,10 @@ type Props = {
export default function SettingAppearance(props: Props) {
const { clock24h, searchInLanguage, isAuthenticated, hideBalance, setClientSetting, setSearchInLanguage } = props;
const {
location: { hash },
} = useHistory();
const highlightSearchInLanguage = hash === `#${SEARCH_IN_LANGUAGE}`;
return (
<>
@ -43,7 +49,10 @@ export default function SettingAppearance(props: Props) {
<SettingLanguage />
</SettingsRow>
<SettingsRow title={__('Search only in the selected language by default')}>
<SettingsRow
title={__('Search only in the selected language by default')}
highlighted={highlightSearchInLanguage}
>
<FormField
name="search-in-language"
type="checkbox"