Change format of filter buttons to dropdown select menu for ease of use

This commit is contained in:
Keannu Christian Bernasol 2023-12-21 14:41:48 +08:00
parent cd742b8822
commit 2af8ea5802
3 changed files with 354 additions and 257 deletions

View file

@ -4,7 +4,7 @@ import RestrictedComponent from "../../Components/RestrictedComponent/Restricted
import TechnicianWidgets from "../../Components/DashboardPage/TechnicianWidgets";
import TechnicianEquipmentButtons from "../../Components/DashboardPage/TechnicianEquipmentButtons";
import TechnicianLogButtons from "../../Components/DashboardPage/TechnicianLogButtons";
import StudentTransactionButtons from "../../Components/DashboardPage/StudentTransactionButtons";
import StudentTransactionFilterMenu from "../../Components/DashboardPage/StudentTransactionFilterMenu";
export default function Dashboard() {
return (
<div style={styles.background}>
@ -15,8 +15,7 @@ export default function Dashboard() {
<TechnicianLogButtons />
</RestrictedComponent>
<RestrictedComponent allow_only={"Student"}>
<StudentTransactionButtons />
<p style={styles.text_dark}>Welcome student!</p>
<StudentTransactionFilterMenu />
</RestrictedComponent>
<RestrictedComponent allow_only={"Teacher"}>
<p style={styles.text_dark}>Welcome teacher!</p>