laying out more features

src/App.css

@@ -2,4 +2,11 @@
   text-align: center;
   margin: 0;
   padding: 0;
+}
+
+.navbar {
+  display: inline-flex;
+  flex-direction: row;
+  justify-content: space-between;
+  align-items: baseline;
 }

src/App.js

@@ -1,10 +1,12 @@
 import React from 'react';
 import './App.css';
+import Navbar from './features/navbar/Navbar';
 import redditSlice from './features/reddit/redditSlice';
 
 function App() {
   return (
     <div className="App">
+      <Navbar />
       <p>Stuff</p>
     </div>
   );

src/features/navbar/Navbar.js

@@ -0,0 +1,11 @@
+import React from "react";
+
+export default function Navbar() {
+    return (
+        <div className="navbar">
+            <h1>Reddit but it's all cats</h1>
+            <p>Search bar here</p>
+            <p>Expand sidebar here</p>
+        </div>
+    )
+}

src/features/posts/postsSlice.js

@@ -46,4 +46,5 @@ export const postsSlice = createSlice({
     }
 });
 
-export default postsSlice.reducer;
+export default postsSlice.reducer;
+export const { filterPosts } = postsSlice.actions;

src/features/reddit/redditSlice.js

@@ -68,7 +68,9 @@ export const redditSlice = createSlice({
             // reads state of buttons in Sidebar component to determine whether each is active
             // connects with post rendering, filtering out posts belonging to inactive subreddits
         }
-    }
+    },
+    extraReducers: {},
 });
 
-export default redditSlice.reducer;
+export default redditSlice.reducer;
+export const { updateSubVisibility } = redditSlice.actions;