diff --git a/src/components/Selector/index.tsx b/src/components/Selector/index.tsx index b83009d95b..dd01617a5c 100644 --- a/src/components/Selector/index.tsx +++ b/src/components/Selector/index.tsx @@ -1,3 +1,4 @@ +import Button from '@app/components/Common/Button'; import CachedImage from '@app/components/Common/CachedImage'; import { SmallLoadingSpinner } from '@app/components/Common/LoadingSpinner'; import Tooltip from '@app/components/Common/Tooltip'; @@ -42,6 +43,8 @@ const messages = defineMessages('components.Selector', { ended: 'Ended', canceled: 'Canceled', pilot: 'Pilot', + selectAll: 'Select All', + clearAll: 'Clear All', }); type SingleVal = { @@ -425,6 +428,9 @@ export const WatchProviderSelector = ({ const initialProviders = orderedData.slice(0, 24); const otherProviders = orderedData.slice(24); + const allSelected = + orderedData.length > 0 && + orderedData.every((provider) => activeProvider.includes(provider.id)); return ( <> @@ -444,6 +450,24 @@ export const WatchProviderSelector = ({ ) : (
+
+ + +
{initialProviders.map((provider) => { const isActive = activeProvider.includes(provider.id); diff --git a/src/i18n/locale/en.json b/src/i18n/locale/en.json index 4a1a0eec9d..a1bac94bbc 100644 --- a/src/i18n/locale/en.json +++ b/src/i18n/locale/en.json @@ -628,6 +628,7 @@ "components.Selector.CertificationSelector.selectCountry": "Select a country", "components.Selector.CertificationSelector.starttyping": "Starting typing to search.", "components.Selector.canceled": "Canceled", + "components.Selector.clearAll": "Clear All", "components.Selector.ended": "Ended", "components.Selector.inProduction": "In Production", "components.Selector.nooptions": "No results.", @@ -639,6 +640,7 @@ "components.Selector.searchStatus": "Select status...", "components.Selector.searchStudios": "Search studios…", "components.Selector.searchUsers": "Select users…", + "components.Selector.selectAll": "Select All", "components.Selector.showless": "Show Less", "components.Selector.showmore": "Show More", "components.Selector.starttyping": "Starting typing to search.",