fix: correctly restore selected streaming service filters (sct#3249)

lenaxia · Jan 3, 2024 · af7a2f4 · af7a2f4
1 parent a6142f7
commit af7a2f4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 deletions.
diff --git a/src/components/RegionSelector/index.tsx b/src/components/RegionSelector/index.tsx
@@ -76,8 +76,8 @@ const RegionSelector = ({
   }, [value, regions, allRegion]);
 
   useEffect(() => {
-    if (onChange && regions) {
-      onChange(name, selectedRegion?.iso_3166_1 ?? '');
+    if (onChange && regions && selectedRegion) {
+      onChange(name, selectedRegion.iso_3166_1);
     }
   }, [onChange, selectedRegion, name, regions]);
 

diff --git a/src/components/Selector/index.tsx b/src/components/Selector/index.tsx
@@ -307,10 +307,6 @@ export const WatchProviderSelector = ({
     onChange(watchRegion, activeProvider);
   }, [activeProvider, watchRegion, onChange]);
 
-  useEffect(() => {
-    setActiveProvider([]);
-  }, [watchRegion]);
-
   const orderedData = useMemo(() => {
     if (!data) {
       return [];
@@ -335,7 +331,12 @@ export const WatchProviderSelector = ({
       <RegionSelector
         value={watchRegion}
         name="watchRegion"
-        onChange={(_name, value) => setWatchRegion(value)}
+        onChange={(_name, value) => {
+          if (value !== watchRegion) {
+            setActiveProvider([]);
+          }
+          setWatchRegion(value);
+        }}
         disableAll
         watchProviders
       />