keannu125/Borrowing-TrackerFrontend
1
0
Fork 0
mirror of https://github.com/lemeow125/Borrowing-TrackerFrontend.git synced 2024-11-17 06:19:27 +08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Added set types to restriction components and added placeholder content for students and teachers in dashboard page

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-16 15:52:26 +08:00
parent 34bb54f8b1
commit 63b32feb38
3 changed files with 8 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/Components/RestrictedComponent/RestrictedComponent.tsx
View file

@ -5,7 +5,7 @@ import { CircularProgress } from "@mui/material";
import styles from "../../styles"; import styles from "../../styles";
type props = { type props = {
allow_only: string; allow_only: "Student" | "Teacher" | "Technician";
children: React.ReactNode; children: React.ReactNode;
}; };
export default function RestrictedComponent(props: props) { export default function RestrictedComponent(props: props) {

2
src/Components/RestrictedPage/RestrictedPage.tsx
View file

@ -5,7 +5,7 @@ import { toast } from "react-toastify";
import { useQuery } from "@tanstack/react-query"; import { useQuery } from "@tanstack/react-query";
type props = { type props = {
allow_only: string; allow_only: "Student" | "Teacher" | "Technician";
}; };
export default function RestrictedPage(props: props) { export default function RestrictedPage(props: props) {
const navigate = useNavigate(); const navigate = useNavigate();

6
src/Pages/DashboardPage/DashboardPage.tsx
View file

@ -13,6 +13,12 @@ export default function Dashboard() {
<TechnicianEquipmentButtons /> <TechnicianEquipmentButtons />
<TechnicianLogButtons /> <TechnicianLogButtons />
</RestrictedComponent> </RestrictedComponent>
<RestrictedComponent allow_only={"Student"}>
<p style={styles.text_dark}>Welcome student!</p>
</RestrictedComponent>
<RestrictedComponent allow_only={"Teacher"}>
<p style={styles.text_dark}>Welcome teacher!</p>
</RestrictedComponent>
</div> </div>
); );
} }