diff --git a/src/features/reddit/redditSlice.js b/src/features/reddit/redditSlice.js index 1d98b78..5f5d930 100644 --- a/src/features/reddit/redditSlice.js +++ b/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; \ No newline at end of file diff --git a/src/features/searchBar/searchBar.js b/src/features/searchBar/searchBar.js index 4f0eab2..7a2d7d9 100644 --- a/src/features/searchBar/searchBar.js +++ b/src/features/searchBar/searchBar.js @@ -1,29 +1,18 @@ 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(); 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);