|
|
@ -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" />
|
|
|
|