From 8f13a5c1f147b26638c6cce850361edfa0991365 Mon Sep 17 00:00:00 2001
From: Kyle Gill <kylerobertgill@gmail.com>
Date: Tue, 26 Mar 2019 20:42:23 -0600
Subject: [PATCH] feat: signout

---
 src/components/Navbar/Navbar.js    |  4 ++++
 src/components/SignOut/SignOut.js  | 11 +++++++++++
 src/components/SignOut/index.js    |  2 ++
 src/components/firebase/context.js |  6 ++++++
 src/components/firebase/index.js   |  4 ++--
 5 files changed, 25 insertions(+), 2 deletions(-)
 create mode 100644 src/components/SignOut/SignOut.js
 create mode 100644 src/components/SignOut/index.js

diff --git a/src/components/Navbar/Navbar.js b/src/components/Navbar/Navbar.js
index 3eddf0d..fcc2605 100644
--- a/src/components/Navbar/Navbar.js
+++ b/src/components/Navbar/Navbar.js
@@ -1,5 +1,6 @@
 import React from "react";
 import { Link } from "react-router-dom";
+import SignOut from "../SignOut";
 
 const Navbar = () => (
   <div>
@@ -16,6 +17,9 @@ const Navbar = () => (
       <li>
         <Link to={"/register"}>Register</Link>
       </li>
+      <li>
+        <SignOut />
+      </li>
     </ul>
   </div>
 );
diff --git a/src/components/SignOut/SignOut.js b/src/components/SignOut/SignOut.js
new file mode 100644
index 0000000..56594b0
--- /dev/null
+++ b/src/components/SignOut/SignOut.js
@@ -0,0 +1,11 @@
+import React from "react";
+
+import { withFirebase } from "../firebase";
+
+const SignOutButton = ({ firebase }) => (
+  <button type="button" onClick={firebase.doSignOut}>
+    Sign Out
+  </button>
+);
+
+export default withFirebase(SignOutButton);
diff --git a/src/components/SignOut/index.js b/src/components/SignOut/index.js
new file mode 100644
index 0000000..6ba41d9
--- /dev/null
+++ b/src/components/SignOut/index.js
@@ -0,0 +1,2 @@
+import SignOut from "./SignOut";
+export default SignOut;
diff --git a/src/components/firebase/context.js b/src/components/firebase/context.js
index 55ea1a4..ed3a3b3 100644
--- a/src/components/firebase/context.js
+++ b/src/components/firebase/context.js
@@ -2,4 +2,10 @@ import React from "react";
 
 const FirebaseContext = React.createContext(null);
 
+export const withFirebase = Component => props => (
+  <FirebaseContext.Consumer>
+    {firebase => <Component {...props} firebase={firebase} />}
+  </FirebaseContext.Consumer>
+);
+
 export default FirebaseContext;
diff --git a/src/components/firebase/index.js b/src/components/firebase/index.js
index 34d0591..0797f60 100644
--- a/src/components/firebase/index.js
+++ b/src/components/firebase/index.js
@@ -1,6 +1,6 @@
-import FirebaseContext from "./context";
+import FirebaseContext, { withFirebase } from "./context";
 import Firebase from "./fire";
 
 export default Firebase;
 
-export { FirebaseContext };
+export { FirebaseContext, withFirebase };