adds signout button components and insert it into MainNavBar

client/package.json

@@ -39,7 +39,5 @@
     ]
   },
   "proxy": "http://localhost:5000",
-  "devDependencies": {
+  "devDependencies": {}
-    "uuid": "^7.0.3"
+}
-  }
-}

client/src/components/MainNavbar/index.jsx

@@ -2,14 +2,15 @@ import React, { useState } from "react";
 import { Link } from "react-router-dom";
 import {
   Collapse,
-  Navbar,
+  Container,
-  NavbarToggler,
-  NavbarBrand,
   Nav,
+  Navbar,
+  NavbarBrand,
+  NavbarToggler,
   NavItem,
   NavLink,
-  Container,
 } from "reactstrap";
+import SignOutButton from "../SignOutButton";
 import * as ROUTES from "../../constants/routes";
 
 export default function MainNavbar() {
@@ -54,6 +55,11 @@ export default function MainNavbar() {
                 GitHub
               </NavLink>
             </NavItem>
+            <NavItem>
+              <NavLink>
+                <SignOutButton />
+              </NavLink>
+            </NavItem>
           </Nav>
         </Collapse>
       </Container>

client/src/components/SignOutButton/index.jsx

@@ -0,0 +1,9 @@
+import React from "react";
+import { Button } from "reactstrap";
+import { useFirebase } from "../../services/auth";
+
+const SignOutButton = () => {
+  const auth = useFirebase();
+  return <Button onClick={auth.signOut}>Sign Out</Button>;
+};
+export default SignOutButton;

package.json

@@ -18,15 +18,12 @@
   "author": "",
   "license": "ISC",
   "dependencies": {
-    "@babel/core": "^7.9.0",
-    "@babel/preset-env": "^7.9.5",
     "concurrently": "^5.1.0",
     "express": "^4.17.1",
     "firebase-admin": "^8.11.0",
     "helmet": "^3.22.0",
     "moment": "^2.24.0",
-    "mongoose": "^5.9.10",
+    "mongoose": "^5.9.10"
-    "reactstrap": "^8.4.1"
   },
   "devDependencies": {
     "nodemon": "^2.0.3"