From eb37ad7bad5986a669e41c485bec7ab2e4ed0582 Mon Sep 17 00:00:00 2001
From: Mikayla Dobson <mikaylaherself@gmail.com>
Date: Wed, 26 Jan 2022 17:45:48 -0600
Subject: [PATCH] laying out more features

---
 src/App.css                         |  7 +++++++
 src/App.js                          |  2 ++
 src/features/navbar/Navbar.js       | 11 +++++++++++
 src/features/posts/postsSlice.js    |  3 ++-
 src/features/reddit/redditSlice.js  |  6 ++++--
 src/features/searchBar/searchBar.js |  0
 6 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 src/features/searchBar/searchBar.js

diff --git a/src/App.css b/src/App.css
index a4dcfbe..5730ebf 100644
--- a/src/App.css
+++ b/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;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index af8ccee..99c00b2 100644
--- a/src/App.js
+++ b/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>
   );
diff --git a/src/features/navbar/Navbar.js b/src/features/navbar/Navbar.js
index e69de29..2990440 100644
--- a/src/features/navbar/Navbar.js
+++ b/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>
+    )
+}
\ No newline at end of file
diff --git a/src/features/posts/postsSlice.js b/src/features/posts/postsSlice.js
index 3db252d..9413cee 100644
--- a/src/features/posts/postsSlice.js
+++ b/src/features/posts/postsSlice.js
@@ -46,4 +46,5 @@ export const postsSlice = createSlice({
     }
 });
 
-export default postsSlice.reducer;
\ No newline at end of file
+export default postsSlice.reducer;
+export const { filterPosts } = postsSlice.actions;
\ No newline at end of file
diff --git a/src/features/reddit/redditSlice.js b/src/features/reddit/redditSlice.js
index b834a4e..ae2524f 100644
--- a/src/features/reddit/redditSlice.js
+++ b/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;
\ No newline at end of file
+export default redditSlice.reducer;
+export const { updateSubVisibility } = redditSlice.actions;
\ No newline at end of file
diff --git a/src/features/searchBar/searchBar.js b/src/features/searchBar/searchBar.js
new file mode 100644
index 0000000..e69de29