created new Navbar component with Logout in it, so far the logout but…

…ton is showing but not doing anything

frontend/src/components/feed/Feed.js

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from 'react';
 import Post from '../post/Post';
 import PostCreateForm from '../post/PostCreateForm';
+import Navbar from '../navbar/Navbar';
 
 const Feed = ({ navigate }) => {
   const [posts, setPosts] = useState([]);
@@ -24,19 +25,12 @@ const Feed = ({ navigate }) => {
     }
   }, [])
 
-
-  const logout = () => {
-    window.localStorage.removeItem("token")
-    navigate('/login')
-  }
 
     if(token) {
       return(
         <>
+          <Navbar />
           <h2>Posts</h2>
-          <button onClick={logout}>
-            Logout
-          </button>
           <PostCreateForm />
           <div id='feed' role="feed">
             {posts.map(

frontend/src/components/navbar/Navbar.js

@@ -0,0 +1,21 @@
+import React from 'react';
+
+const Navbar = ({ navigate }) => {
+
+  const logout = () => {
+    // window.localStorage.removeItem("token")
+    // navigate('/login')
+  }
+
+
+    return(
+      <>
+        <button onClick={logout}>
+          Logout
+        </button>
+        </>
+      )
+
+}
+
+export default Navbar;