select active refactored

src/features/reddit/redditSlice.js

@@ -83,9 +83,17 @@ export const selectAllSubs = state => state.redditSlice.subreddits;
 export const selectActive = state => {
     let subs = [];
     for (let sub in state.redditSlice.subreddits) {
-        if (sub.isSelected) {subs.push(sub)}
+        subs.push(sub);
     }
-    return subs;
+    
+    let activeSubs = [];
+    for (let each of subs) {
+        if (each.isSelected) {
+            activeSubs.push(each);
+        }
+    }
+
+    return activeSubs;
 }
 export const { updateSubVisibility, getActiveSubs } = redditSlice.actions;
 export default redditSlice.reducer;

src/features/searchBar/searchBar.js

@@ -1,7 +1,7 @@
 import React, { useState, useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { searchByActive, selectSearchResults } from '../posts/postsSlice';
-import { selectAllSubs } from "../reddit/redditSlice";
+import { selectActive, selectAllSubs } from "../reddit/redditSlice";
 
 export default function SearchBar() {
     const dispatch = useDispatch();
@@ -9,21 +9,10 @@ export default function SearchBar() {
     const selectedSubs = useSelector(selectAllSubs);
     console.log(selectedSubs);
     
-    const handleActive = () => {
-        let names = [];
-        for (let name in selectedSubs) {
-            names.push(name);
-        }
-
-        console.log(names);
-
-        console.log(Object.values(selectedSubs[0]));
-    }
-
-    handleActive();
+    const activeSubs = useSelector(selectActive);
+    console.log(activeSubs);
     
     const [term, setTerm] = useState('');
-    const [activeSubs, setActiveSubs] = useState(null);
     const [toDispatch, setToDispatch] = useState(null);
     const [results, setResults] = useState(null);
     const searchData = useSelector(selectSearchResults);