diff --git a/static/app-strings.json b/static/app-strings.json index d83701391..85d1b2481 100644 --- a/static/app-strings.json +++ b/static/app-strings.json @@ -2203,5 +2203,6 @@ "Set minimum channel age": "Set minimum channel age", "The minimum duration must not exceed Feb 8th, 2022.": "The minimum duration must not exceed Feb 8th, 2022.", "No limit": "No limit", + "Search results are being filtered by language. Click here to change the setting.": "Search results are being filtered by language. Click here to change the setting.", "--end--": "--end--" } diff --git a/ui/component/claimListDiscover/view.jsx b/ui/component/claimListDiscover/view.jsx index d508deb25..f64872d27 100644 --- a/ui/component/claimListDiscover/view.jsx +++ b/ui/component/claimListDiscover/view.jsx @@ -15,6 +15,7 @@ import ClaimList from 'component/claimList'; import ClaimPreview from 'component/claimPreview'; import ClaimPreviewTile from 'component/claimPreviewTile'; import I18nMessage from 'component/i18nMessage'; +import LangFilterIndicator from 'component/langFilterIndicator'; import ClaimListHeader from 'component/claimListHeader'; import useFetchViewCount from 'effects/use-fetch-view-count'; import { useIsLargeScreen } from 'effects/use-screensize'; @@ -233,7 +234,7 @@ function ClaimListDiscover(props: Props) { break; default: - console.log('Invalid or unhandled CONTENT_KEY:', contentTypeParam); + console.log('Invalid or unhandled CONTENT_KEY:', contentTypeParam); // eslint-disable-line no-console break; } } @@ -641,9 +642,12 @@ function ClaimListDiscover(props: Props) { {headerLabel && } {tileLayout ? (
- {!repostedClaimId && ( + {!repostedClaimId && showHeader && (
- {headerToUse} +
+ {headerToUse} + {searchInSelectedLangOnly && } +
{meta &&
{meta}
}
)} @@ -680,7 +684,10 @@ function ClaimListDiscover(props: Props) {
{showHeader && (
- {headerToUse} +
+ {headerToUse} + {searchInSelectedLangOnly && } +
{meta &&
{meta}
}
)} diff --git a/ui/component/common/icon-custom.jsx b/ui/component/common/icon-custom.jsx index cbbb432ae..0c3f52821 100644 --- a/ui/component/common/icon-custom.jsx +++ b/ui/component/common/icon-custom.jsx @@ -2766,5 +2766,18 @@ export const icons = { ); }, - [ICONS.SUBMIT]: buildIcon(), + [ICONS.FILTERED_BY_LANG]: buildIcon( + + + + + + + + + + + + + ), }; diff --git a/ui/component/langFilterIndicator/index.js b/ui/component/langFilterIndicator/index.js new file mode 100644 index 000000000..1cf85da32 --- /dev/null +++ b/ui/component/langFilterIndicator/index.js @@ -0,0 +1,2 @@ +import LangFilterIndicator from './view'; +export default LangFilterIndicator; diff --git a/ui/component/langFilterIndicator/view.jsx b/ui/component/langFilterIndicator/view.jsx new file mode 100644 index 000000000..4098f9633 --- /dev/null +++ b/ui/component/langFilterIndicator/view.jsx @@ -0,0 +1,18 @@ +// @flow +import React from 'react'; +import Button from 'component/button'; +import * as ICONS from 'constants/icons'; +import * as PAGES from 'constants/pages'; +import { SEARCH_IN_LANGUAGE } from 'constants/hashes'; + +export default function LangFilterIndicator() { + return ( +