diff --git a/app/components/TopAppBar/Sidebar.tsx b/app/components/TopAppBar/Sidebar.tsx index 5f81122..27b175c 100644 --- a/app/components/TopAppBar/Sidebar.tsx +++ b/app/components/TopAppBar/Sidebar.tsx @@ -10,6 +10,7 @@ import clsx from 'clsx'; import React from 'react'; import { DRAWER_WIDTH } from '../../constants/drawer.json'; import { mainListItems, secondaryListItems } from './listItems'; +import VersionIndicator from './versionIndicator'; const useStyles = makeStyles((theme) => ({ toolbarIcon: { @@ -27,6 +28,7 @@ const useStyles = makeStyles((theme) => ({ easing: theme.transitions.easing.sharp, duration: theme.transitions.duration.enteringScreen, }), + overflow: 'hidden', }, drawerPaperClose: { overflowX: 'hidden', @@ -39,6 +41,9 @@ const useStyles = makeStyles((theme) => ({ width: theme.spacing(9), }, }, + grow: { + flexGrow: 1, + }, })); type Props = { @@ -66,6 +71,13 @@ export default function Sidebar({ open, handleDrawerClose }: Props) { {mainListItems} {secondaryListItems} +
+ {open && ( + <> + + + + )} ); } diff --git a/app/components/TopAppBar/VersionIndicator.tsx b/app/components/TopAppBar/VersionIndicator.tsx new file mode 100644 index 0000000..a1e2bc3 --- /dev/null +++ b/app/components/TopAppBar/VersionIndicator.tsx @@ -0,0 +1,24 @@ +import { makeStyles, Typography } from '@material-ui/core'; +import React from 'react'; + +const { app } = require('electron').remote; + +const useStyles = makeStyles((theme) => ({ + root: { + margin: theme.spacing(1), + }, +})); + +export default function VersionIndicator() { + const classes = useStyles(); + return ( +
+ + {`Versão ${app.getVersion()}`} + + + Designed by Diogo Correia + +
+ ); +}