Authentication guard now takes in a access level prop.

This commit is contained in:
Harrison Deng 2022-04-07 13:51:38 -05:00
parent 0e218750f8
commit 525c2b6d5a
2 changed files with 46 additions and 31 deletions

View File

@ -1,6 +1,7 @@
import React from "react";
import globals from "../globals";
import { apiClient } from "../utils/httpClients";
import propTypes from "prop-types";
export default class AuthenticationGuard extends React.Component {
constructor(props) {
@ -14,8 +15,10 @@ export default class AuthenticationGuard extends React.Component {
if (userDataResponse.status === 200) {
this.context.update({ user: userDataResponse.data });
} else if (userDataResponse.status == 401) {
this.context.navigate("/signup");
this.context.navigate("/signup", { replace: true });
}
} else if (this.context.user.accessLevel < this.props.accessLevel) {
this.context.navigate("/", { replace: true });
}
}
@ -23,3 +26,11 @@ export default class AuthenticationGuard extends React.Component {
return null;
}
}
AuthenticationGuard.defaultProps = {
accessLevel: 0
};
AuthenticationGuard.propTypes = {
accessLevel: propTypes.number,
};

View File

@ -2,6 +2,7 @@ import React from "react";
import { Button, Table } from "react-bootstrap";
import "../styles/Admin.css";
import globals from "../globals";
import AuthenticationGuard from "../components/AuthenticationGuard";
export default class Admin extends React.Component {
constructor(props) {
@ -175,6 +176,8 @@ export default class Admin extends React.Component {
render() {
return (
<div className="page-root">
<AuthenticationGuard accessLevel={3} />
<React.Fragment>
<div className='center'>
@ -206,6 +209,7 @@ export default class Admin extends React.Component {
</Table>
</React.Fragment>
</div>
);
}
}