feat: signout

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>
 );

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);

src/components/SignOut/index.js

@@ -0,0 +1,2 @@
+import SignOut from "./SignOut";
+export default SignOut;

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;

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 };