birbnetes/birbmap
4
0
Fork 0
Code Pull Requests Releases Activity

Added isAdmin

Browse Source
This commit is contained in:
kunkliricsi
2020-11-09 18:30:43 +01:00
parent 639e6edac6
commit 4281c2d524
1 changed files with 10 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
Birdmap.API/ClientApp/src/App.tsx
View File

@@ -29,9 +29,11 @@ const theme = createMuiTheme({
function App() { function App() {
const [authenticated, setAuthenticated] = useState(AuthService.isAuthenticated()); const [authenticated, setAuthenticated] = useState(AuthService.isAuthenticated());
const [isAdmin, setIsAdmin] = useState(AuthService.isAdmin());
const onAuthenticated = () => { const onAuthenticated = () => {
setAuthenticated(AuthService.isAuthenticated()); setAuthenticated(AuthService.isAuthenticated());
setIsAdmin(AuthService.isAdmin());
}; };
const AuthComponent = () => { const AuthComponent = () => {
@@ -57,9 +59,9 @@ function App() {
<BrowserRouter> <BrowserRouter>
<Switch> <Switch>
<PublicRoute path="/login" component={AuthComponent} /> <PublicRoute path="/login" component={AuthComponent} />
<PrivateRoute path="/" exact authenticated={authenticated} component={DashboardComponent} /> <PrivateRoute path="/" exact authenticated={authenticated} isAdmin={isAdmin} component={DashboardComponent} />
<PrivateRoute path="/devices" exact authenticated={authenticated} component={DevicesComponent} /> <PrivateRoute path="/devices" exact authenticated={authenticated} isAdmin={isAdmin} component={DevicesComponent} />
<PrivateRoute path="/heatmap" exact authenticated={authenticated} component={HeatmapComponent} /> <PrivateRoute path="/heatmap" exact authenticated={authenticated} isAdmin={isAdmin} component={HeatmapComponent} />
</Switch> </Switch>
</BrowserRouter> </BrowserRouter>
</ThemeProvider> </ThemeProvider>
@@ -71,22 +73,22 @@ export default App;
const PublicRoute = ({ component: Component, ...rest }: { [x: string]: any, component: any}) => { const PublicRoute = ({ component: Component, ...rest }: { [x: string]: any, component: any}) => {
return ( return (
<Route {...rest} render={matchProps => ( <Route {...rest} render={matchProps => (
<DefaultLayout component={Component} authenticated={false} {...matchProps} /> <DefaultLayout component={Component} authenticated={false} isAdmin={false} {...matchProps} />
)} /> )} />
); );
} }
const PrivateRoute = ({ component: Component, authenticated: Authenticated, ...rest }: { [x: string]: any, component: any, authenticated: any }) => { const PrivateRoute = ({ component: Component, authenticated: Authenticated, isAdmin: IsAdmin, ...rest }: { [x: string]: any, component: any, authenticated: any, isAdmin: any }) => {
return ( return (
<Route {...rest} render={matchProps => ( <Route {...rest} render={matchProps => (
Authenticated Authenticated
? <DefaultLayout component={Component} authenticated={Authenticated} {...matchProps} /> ? <DefaultLayout component={Component} authenticated={Authenticated} isAdmin={IsAdmin} {...matchProps} />
: <Redirect to='/login' /> : <Redirect to='/login' />
)} /> )} />
); );
}; };
const DefaultLayout = ({ component: Component, authenticated: Authenticated, ...rest }: { [x: string]: any, component: any, authenticated: any }) => { const DefaultLayout = ({ component: Component, authenticated: Authenticated, isAdmin: IsAdmin, ...rest }: { [x: string]: any, component: any, authenticated: any, isAdmin: any }) => {
const classes = useDefaultLayoutStyles(); const classes = useDefaultLayoutStyles();
const [open, setOpen] = React.useState(false); const [open, setOpen] = React.useState(false);
const anchorRef = React.useRef<HTMLButtonElement>(null); const anchorRef = React.useRef<HTMLButtonElement>(null);
@@ -173,7 +175,7 @@ const DefaultLayout = ({ component: Component, authenticated: Authenticated, ...
</Toolbar> </Toolbar>
</AppBar> </AppBar>
<Box style={{ margin: '32px' }}> <Box style={{ margin: '32px' }}>
<Component {...rest} /> <Component isAdmin={IsAdmin} {...rest} />
</Box> </Box>
</React.Fragment> </React.Fragment>
); );