fix(filter): ensure consistency in Language filter checkbox selection (…

…#1557) - Fixes issue where selecting a language did not check the corresponding checkbox. - Prevents duplicate selections of the same language. - Ensures deselecting a language updates the checkbox and options properly. Closes #1519 Co-authored-by: Priyankar Pal <[email protected]>
reactplay · Oct 19, 2024 · 5bea781 · 5bea781
1 parent ab972cd
commit 5bea781
Showing 1 changed file with 16 additions and 13 deletions.
diff --git a/src/common/search/FilterPlays.jsx b/src/common/search/FilterPlays.jsx
@@ -23,19 +23,22 @@ const FilterPlays = ({ onChange, query }) => {
 
   useEffect(() => {
     if (!loading && !error) {
-      data.languages = [
-        {
-          name: 'JavaScript',
-          value: 'js',
-          icon: 'https://res.cloudinary.com/dgtdljyul/image/upload/v1675411496/js_jjnhvy.png'
-        },
-        {
-          name: 'TypeScript',
-          value: 'ts',
-          icon: 'https://res.cloudinary.com/dgtdljyul/image/upload/v1675409456/ts_yrzjge.png'
-        }
-      ];
-      setLoadedData(data);
+      const updatedData = {
+        ...data,
+        languages: [
+          {
+            name: 'JavaScript',
+            value: 'js',
+            icon: 'https://res.cloudinary.com/dgtdljyul/image/upload/v1675411496/js_jjnhvy.png'
+          },
+          {
+            name: 'TypeScript',
+            value: 'ts',
+            icon: 'https://res.cloudinary.com/dgtdljyul/image/upload/v1675409456/ts_yrzjge.png'
+          }
+        ]
+      };
+      setLoadedData(updatedData);
     }
   }, [query, loading, showModal]);