1 files changed, 16 insertions, 0 deletions
diff --git a/frontend/src/components/navigation/LogoutButton.js b/frontend/src/components/navigation/LogoutButton.js
new file mode 100644
index 00000000..800a3da8
--- /dev/null
+++ b/frontend/src/components/navigation/LogoutButton.js
@@ -0,0 +1,16 @@
+import PropTypes from "prop-types";
+import React from "react";
+import FontAwesome from "react-fontawesome";
+import { Link } from "react-router-dom";
+
+const LogoutButton = ({ onLogout }) => (
+  <Link className="logout nav-link" title="Sign out" to="#" onClick={onLogout}>
+    <FontAwesome name="power-off" size="lg" />
+  </Link>
+);
+
+LogoutButton.propTypes = {
+  onLogout: PropTypes.func.isRequired
+};
+
+export default LogoutButton;