diff --git a/src/components/AppBar.js b/src/components/AppBar.js index 45f4594..37d1d66 100644 --- a/src/components/AppBar.js +++ b/src/components/AppBar.js @@ -5,13 +5,14 @@ import React from "react"; import { makeStyles } from "@material-ui/core"; import MuiAppBar from "@material-ui/core/AppBar"; +import Divider from "@material-ui/core/Divider"; import Link from "@material-ui/core/Link"; import Toolbar from "@material-ui/core/Toolbar"; import Typography from "@material-ui/core/Typography"; import blueGrey from "@material-ui/core/colors/blueGrey"; // import GraphQLIcon from '@material-ui/icons/Adb'; -// import LaconicIcon from '../icons/Laconic'; +import LaconicIcon from "../icons/Logo"; // import { graphqlApi } from '../client'; const useStyles = makeStyles((theme) => ({ @@ -41,6 +42,14 @@ const useStyles = makeStyles((theme) => ({ link: { color: blueGrey[900], }, + + divider: { + backgroundColor: theme.palette.text.primary, + width: "1px", + height: "20px", + alignSelf: "center", + marginRight: 14, + }, })); const AppBar = ({ config }) => { @@ -49,16 +58,17 @@ const AppBar = ({ config }) => { return ( <> - + - {/*
+
-
*/} -
- Laconic
-   +
{config.app.title}
diff --git a/src/icons/Logo.js b/src/icons/Logo.js index 72f9c3c..cf3af44 100644 --- a/src/icons/Logo.js +++ b/src/icons/Logo.js @@ -2,35 +2,47 @@ // Copyright 2020 DXOS.org // -import React from 'react'; -import SvgIcon from '@material-ui/core/SvgIcon'; +import React from "react"; +import SvgIcon from "@material-ui/core/SvgIcon"; // TODO(burdon): Fixed color? const Icon = (props) => ( - - - - - - - - + + + + + + + + + );