Lookout UI make logo link to Overview (#560)

armadaproject · May 6, 2021 · 168f460 · 168f460
1 parent 014a600
commit 168f460
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/internal/lookout/ui/src/components/NavBar.css b/internal/lookout/ui/src/components/NavBar.css
@@ -10,6 +10,8 @@
   flex-direction: row;
   justify-content: flex-start;
   align-items: center;
+  text-decoration: none;
+  color: white;
 }
 
 .toolbar .title .logo {

diff --git a/internal/lookout/ui/src/components/NavBar.tsx b/internal/lookout/ui/src/components/NavBar.tsx
@@ -48,15 +48,15 @@ function NavBar(props: RouteComponentProps) {
   return (
     <AppBar position="static">
       <Toolbar className="toolbar">
-        <div className="title">
+        <a href="/" className="title">
           <img
             className="logo"
             src={process.env.PUBLIC_URL + "./Armada-white-rectangle.png"}
             alt={""} />
           <Typography variant="h6" className="app-name">
             Lookout
           </Typography>
-        </div>
+        </a>
         <div className="nav-items">
           <Tabs
             value={currentValue}