From f716bc1db9af25af96c59f9eee9c34525f7a88f0 Mon Sep 17 00:00:00 2001
From: ludovicm67 <ludovicmuller1@gmail.com>
Date: Thu, 23 Jan 2020 22:49:19 +0100
Subject: webui: change primary color

---
 webui/src/App.js | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

(limited to 'webui/src/App.js')

diff --git a/webui/src/App.js b/webui/src/App.js
index 4a52eca1..2dddb3eb 100644
--- a/webui/src/App.js
+++ b/webui/src/App.js
@@ -1,5 +1,6 @@
 import AppBar from '@material-ui/core/AppBar';
 import CssBaseline from '@material-ui/core/CssBaseline';
+import { createMuiTheme, ThemeProvider } from '@material-ui/core/styles';
 import { makeStyles } from '@material-ui/styles';
 import Toolbar from '@material-ui/core/Toolbar';
 import React from 'react';
@@ -9,6 +10,14 @@ import { Link } from 'react-router-dom';
 import BugQuery from './bug/BugQuery';
 import ListQuery from './list/ListQuery';
 
+const theme = createMuiTheme({
+  palette: {
+    primary: {
+      main: '#263238',
+    },
+  },
+});
+
 const useStyles = makeStyles(theme => ({
   appTitle: {
     ...theme.typography.h6,
@@ -21,7 +30,7 @@ export default function App() {
   const classes = useStyles();
 
   return (
-    <>
+    <ThemeProvider theme={theme}>
       <CssBaseline />
       <AppBar position="static" color="primary">
         <Toolbar>
@@ -34,6 +43,6 @@ export default function App() {
         <Route path="/" exact component={ListQuery} />
         <Route path="/bug/:id" exact component={BugQuery} />
       </Switch>
-    </>
+    </ThemeProvider>
   );
 }
-- 
cgit 


From 8f6bc245038ce7197034877bf0fd5ddcb8d3e24d Mon Sep 17 00:00:00 2001
From: ludovicm67 <ludovicmuller1@gmail.com>
Date: Thu, 23 Jan 2020 23:05:34 +0100
Subject: webui: fix AppBar

---
 webui/src/App.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'webui/src/App.js')

diff --git a/webui/src/App.js b/webui/src/App.js
index 2dddb3eb..145cd90d 100644
--- a/webui/src/App.js
+++ b/webui/src/App.js
@@ -19,10 +19,12 @@ const theme = createMuiTheme({
 });
 
 const useStyles = makeStyles(theme => ({
+  offset: theme.mixins.toolbar,
   appTitle: {
     ...theme.typography.h6,
     color: 'white',
     textDecoration: 'none',
+    flexGrow: 1,
   },
 }));
 
@@ -32,13 +34,14 @@ export default function App() {
   return (
     <ThemeProvider theme={theme}>
       <CssBaseline />
-      <AppBar position="static" color="primary">
+      <AppBar position="fixed" color="primary">
         <Toolbar>
           <Link to="/" className={classes.appTitle}>
             git-bug webui
           </Link>
         </Toolbar>
       </AppBar>
+      <div className={classes.offset} />
       <Switch>
         <Route path="/" exact component={ListQuery} />
         <Route path="/bug/:id" exact component={BugQuery} />
-- 
cgit 


From def48e53f4ae206a10d0973439efdd7769e91100 Mon Sep 17 00:00:00 2001
From: ludovicm67 <ludovicmuller1@gmail.com>
Date: Thu, 23 Jan 2020 23:37:59 +0100
Subject: webui: display current identity in the AppBar

---
 webui/src/App.js | 12 +++++++++---
 1 file changed, 9 insertions(+), 3 deletions(-)

(limited to 'webui/src/App.js')

diff --git a/webui/src/App.js b/webui/src/App.js
index 145cd90d..35778268 100644
--- a/webui/src/App.js
+++ b/webui/src/App.js
@@ -9,6 +9,7 @@ import { Link } from 'react-router-dom';
 
 import BugQuery from './bug/BugQuery';
 import ListQuery from './list/ListQuery';
+import CurrentIdentity from './CurrentIdentity';
 
 const theme = createMuiTheme({
   palette: {
@@ -24,6 +25,8 @@ const useStyles = makeStyles(theme => ({
     ...theme.typography.h6,
     color: 'white',
     textDecoration: 'none',
+  },
+  headerLeft: {
     flexGrow: 1,
   },
 }));
@@ -36,9 +39,12 @@ export default function App() {
       <CssBaseline />
       <AppBar position="fixed" color="primary">
         <Toolbar>
-          <Link to="/" className={classes.appTitle}>
-            git-bug webui
-          </Link>
+          <div className={classes.headerLeft}>
+            <Link to="/" className={classes.appTitle}>
+              git-bug webui
+            </Link>
+          </div>
+          <CurrentIdentity />
         </Toolbar>
       </AppBar>
       <div className={classes.offset} />
-- 
cgit 


From 7de5a25ffa0b2c45db9cb2da0e142b5b5b6d5b7d Mon Sep 17 00:00:00 2001
From: ludovicm67 <ludovicmuller1@gmail.com>
Date: Fri, 24 Jan 2020 00:28:18 +0100
Subject: webui: add logo

---
 webui/src/App.js | 20 +++++++++++++-------
 1 file changed, 13 insertions(+), 7 deletions(-)

(limited to 'webui/src/App.js')

diff --git a/webui/src/App.js b/webui/src/App.js
index 35778268..b9c57327 100644
--- a/webui/src/App.js
+++ b/webui/src/App.js
@@ -21,13 +21,19 @@ const theme = createMuiTheme({
 
 const useStyles = makeStyles(theme => ({
   offset: theme.mixins.toolbar,
+  filler: {
+    flexGrow: 1,
+  },
   appTitle: {
     ...theme.typography.h6,
     color: 'white',
     textDecoration: 'none',
+    display: 'flex',
+    alignItems: 'center',
   },
-  headerLeft: {
-    flexGrow: 1,
+  logo: {
+    height: '42px',
+    marginRight: theme.spacing(2),
   },
 }));
 
@@ -39,11 +45,11 @@ export default function App() {
       <CssBaseline />
       <AppBar position="fixed" color="primary">
         <Toolbar>
-          <div className={classes.headerLeft}>
-            <Link to="/" className={classes.appTitle}>
-              git-bug webui
-            </Link>
-          </div>
+          <Link to="/" className={classes.appTitle}>
+            <img src="logo.svg" className={classes.logo} alt="git-bug" />
+            git-bug
+          </Link>
+          <div className={classes.filler}></div>
           <CurrentIdentity />
         </Toolbar>
       </AppBar>
-- 
cgit