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