Appbar: remove the useless back button - always open the menu.

Fixes #161
master
Tom Hacohen 4 years ago
parent 5756bf37ba
commit c8442d9440

@ -4,7 +4,6 @@
import * as React from "react"; import * as React from "react";
import { List as ImmutableList } from "immutable"; import { List as ImmutableList } from "immutable";
import { connect, useDispatch } from "react-redux"; import { connect, useDispatch } from "react-redux";
import { useHistory } from "react-router";
import { BrowserRouter } from "react-router-dom"; import { BrowserRouter } from "react-router-dom";
import { MuiThemeProvider as ThemeProvider, createMuiTheme } from "@material-ui/core/styles"; // v1.x import { MuiThemeProvider as ThemeProvider, createMuiTheme } from "@material-ui/core/styles"; // v1.x
import amber from "@material-ui/core/colors/amber"; import amber from "@material-ui/core/colors/amber";
@ -16,7 +15,6 @@ import IconButton from "@material-ui/core/IconButton";
import Badge from "@material-ui/core/Badge"; import Badge from "@material-ui/core/Badge";
import NavigationMenu from "@material-ui/icons/Menu"; import NavigationMenu from "@material-ui/icons/Menu";
import NavigationBack from "@material-ui/icons/ArrowBack";
import NavigationRefresh from "@material-ui/icons/Refresh"; import NavigationRefresh from "@material-ui/icons/Refresh";
import ErrorsIcon from "@material-ui/icons/Error"; import ErrorsIcon from "@material-ui/icons/Error";
@ -99,19 +97,6 @@ interface AppBarPropsType {
} }
function AppBarWitHistory(props: AppBarPropsType) { function AppBarWitHistory(props: AppBarPropsType) {
const history = useHistory();
function canGoBack() {
return (
(history!.length > 1) &&
(history!.location.pathname !== routeResolver.getRoute("pim")) &&
(history!.location.pathname !== routeResolver.getRoute("home"))
);
}
function goBack() {
history!.goBack();
}
const { const {
toggleDrawerIcon, toggleDrawerIcon,
iconElementRight, iconElementRight,
@ -124,10 +109,7 @@ function AppBarWitHistory(props: AppBarPropsType) {
> >
<Toolbar> <Toolbar>
<div style={{ marginLeft: -12, marginRight: 20 }}> <div style={{ marginLeft: -12, marginRight: 20 }}>
{!canGoBack() ? {toggleDrawerIcon}
toggleDrawerIcon :
<IconButton onClick={goBack}><NavigationBack /></IconButton>
}
</div> </div>
<div style={{ flexGrow: 1, fontSize: "1.25em" }} id="appbar-title" /> <div style={{ flexGrow: 1, fontSize: "1.25em" }} id="appbar-title" />

Loading…
Cancel
Save