From 90bd428d3ff1a4175f61f1c920245e37171c0953 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Fri, 24 Apr 2020 08:55:40 +0200
Subject: [PATCH] adds signout button components and insert it into MainNavBar

---
 client/package.json                           |  6 ++----
 client/src/components/MainNavbar/index.jsx    | 14 ++++++++++----
 client/src/components/SignOutButton/index.jsx |  9 +++++++++
 package.json                                  |  5 +----
 4 files changed, 22 insertions(+), 12 deletions(-)
 create mode 100644 client/src/components/SignOutButton/index.jsx

diff --git a/client/package.json b/client/package.json
index cf8a5b0..94f9cc7 100644
--- a/client/package.json
+++ b/client/package.json
@@ -39,7 +39,5 @@
     ]
   },
   "proxy": "http://localhost:5000",
-  "devDependencies": {
-    "uuid": "^7.0.3"
-  }
-}
+  "devDependencies": {}
+}
\ No newline at end of file
diff --git a/client/src/components/MainNavbar/index.jsx b/client/src/components/MainNavbar/index.jsx
index c061129..e20a415 100644
--- a/client/src/components/MainNavbar/index.jsx
+++ b/client/src/components/MainNavbar/index.jsx
@@ -2,14 +2,15 @@ import React, { useState } from "react";
 import { Link } from "react-router-dom";
 import {
   Collapse,
-  Navbar,
-  NavbarToggler,
-  NavbarBrand,
+  Container,
   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>
diff --git a/client/src/components/SignOutButton/index.jsx b/client/src/components/SignOutButton/index.jsx
new file mode 100644
index 0000000..ddbdb9e
--- /dev/null
+++ b/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;
diff --git a/package.json b/package.json
index e2724d6..f3f517d 100644
--- a/package.json
+++ b/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",
-    "reactstrap": "^8.4.1"
+    "mongoose": "^5.9.10"
   },
   "devDependencies": {
     "nodemon": "^2.0.3"