From af013a7e509ef8f979742413400b7bd94e5e684e Mon Sep 17 00:00:00 2001
From: Ernst Widerberg <ernst@sunet.se>
Date: Mon, 10 Jan 2022 14:56:21 +0100
Subject: Convert side bar to a header with title

---
 src/components/Header.js | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

(limited to 'src/components/Header.js')

diff --git a/src/components/Header.js b/src/components/Header.js
index a0cdae8..ccb8e87 100644
--- a/src/components/Header.js
+++ b/src/components/Header.js
@@ -1,6 +1,7 @@
 import React from "react";
 import PropTypes from "prop-types";
 import { Link } from "react-router-dom";
+import Button from "@mui/material/Button";
 
 class Header extends React.Component {
     static propTypes = {
@@ -10,19 +11,18 @@ class Header extends React.Component {
     render() {
         return (
             <div id="header">
-                <ul>
-                    <li>
-                        <Link to="/">Home</Link>
-                    </li>
-                </ul>
-                <hr />
-                <ul>
-                    <li>
-                        <Link to="/" onClick={this.props.clearToken}>
-                            Sign out
-                        </Link>
-                    </li>
-                </ul>
+                <div id="title">
+                    <Link to="/">✨ SOC Dashboard</Link>
+                </div>
+                <div id="right">
+                    <Button
+                        variant="contained"
+                        color="error"
+                        onClick={this.props.clearToken}
+                    >
+                        Sign out
+                    </Button>
+                </div>
             </div>
         );
     }
-- 
cgit v1.1