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

Restructure Dashboard page components folder hierarchy and add initial StudentTransactionListView component

Browse source
This commit is contained in:
Keannu Bernasol 2023-12-21 14:58:23 +08:00
parent e26b87e223
commit d69945f789
6 changed files with 19 additions and 16 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
src/Components/DashboardPage/StudentTransactionFilterMenu.tsx → src/Components/DashboardPage/Student/StudentTransactionFilterMenu.tsx
View file

@ -1,4 +1,4 @@
import styles from "../../styles"; import styles from "../../../styles";
import { import {
Button, Button,
FormControl, FormControl,
@ -10,10 +10,10 @@ import {
import HourglassBottomIcon from "@mui/icons-material/HourglassBottom"; import HourglassBottomIcon from "@mui/icons-material/HourglassBottom";
import CheckCircleIcon from "@mui/icons-material/CheckCircle"; import CheckCircleIcon from "@mui/icons-material/CheckCircle";
import FlashOffIcon from "@mui/icons-material/FlashOff"; import FlashOffIcon from "@mui/icons-material/FlashOff";
import { colors } from "../../styles"; import { colors } from "../../../styles";
import Popup from "reactjs-popup"; import Popup from "reactjs-popup";
import AddItemModal from "../AddItemModal/AddItemModal"; import AddItemModal from "../../AddItemModal/AddItemModal";
import AddSKUModal from "../AddSKUModal/AddSKUModal"; import AddSKUModal from "../../AddSKUModal/AddSKUModal";
import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline"; import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
import ShoppingCartCheckoutIcon from "@mui/icons-material/ShoppingCartCheckout"; import ShoppingCartCheckoutIcon from "@mui/icons-material/ShoppingCartCheckout";
import AssignmentReturnedIcon from "@mui/icons-material/AssignmentReturned"; import AssignmentReturnedIcon from "@mui/icons-material/AssignmentReturned";

3
src/Components/DashboardPage/Student/StudentTransactionListView.tsx Normal file
View file

@ -0,0 +1,3 @@
export default function StudentTransactionListView() {
return <div>{"StudentTransactionListView"}</div>;
}

8
src/Components/DashboardPage/TechnicianEquipmentButtons.tsx → src/Components/DashboardPage/Technician/TechnicianEquipmentButtons.tsx
View file

@ -1,16 +1,16 @@
import styles from "../../styles"; import styles from "../../../styles";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import { Button } from "@mui/material"; import { Button } from "@mui/material";
import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted"; import FormatListBulletedIcon from "@mui/icons-material/FormatListBulleted";
import AddToQueueIcon from "@mui/icons-material/AddToQueue"; import AddToQueueIcon from "@mui/icons-material/AddToQueue";
import NoteAddIcon from "@mui/icons-material/NoteAdd"; import NoteAddIcon from "@mui/icons-material/NoteAdd";
import NoteIcon from "@mui/icons-material/Note"; import NoteIcon from "@mui/icons-material/Note";
import { colors } from "../../styles"; import { colors } from "../../../styles";
import ScienceIcon from "@mui/icons-material/Science"; import ScienceIcon from "@mui/icons-material/Science";
import ColorizeIcon from "@mui/icons-material/Colorize"; import ColorizeIcon from "@mui/icons-material/Colorize";
import Popup from "reactjs-popup"; import Popup from "reactjs-popup";
import AddItemModal from "../AddItemModal/AddItemModal"; import AddItemModal from "../../AddItemModal/AddItemModal";
import AddSKUModal from "../AddSKUModal/AddSKUModal"; import AddSKUModal from "../../AddSKUModal/AddSKUModal";
import { useState } from "react"; import { useState } from "react";
export default function TechnicianEquipmentButtons() { export default function TechnicianEquipmentButtons() {
const [addSKUmodalOpen, SetAddSKUModalOpen] = useState(false); const [addSKUmodalOpen, SetAddSKUModalOpen] = useState(false);

4
src/Components/DashboardPage/TechnicianLogButtons.tsx → src/Components/DashboardPage/Technician/TechnicianLogButtons.tsx
View file

@ -1,8 +1,8 @@
import { Button } from "@mui/material"; import { Button } from "@mui/material";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
import ManageSearchIcon from "@mui/icons-material/ManageSearch"; import ManageSearchIcon from "@mui/icons-material/ManageSearch";
import styles from "../../styles"; import styles from "../../../styles";
import { colors } from "../../styles"; import { colors } from "../../../styles";
export default function TechnicianLogButtons() { export default function TechnicianLogButtons() {
const navigate = useNavigate(); const navigate = useNavigate();

4
src/Components/DashboardPage/TechnicianWidgets.tsx → src/Components/DashboardPage/Technician/TechnicianWidgets.tsx
View file

@ -1,6 +1,6 @@
import { useQueries } from "@tanstack/react-query"; import { useQueries } from "@tanstack/react-query";
import styles from "../../styles"; import styles from "../../../styles";
import { EquipmentsAPI, EquipmentInstancesAPI, UserAPI } from "../API/API"; import { EquipmentsAPI, EquipmentInstancesAPI, UserAPI } from "../../API/API";
import CircularProgress from "@mui/material/CircularProgress"; import CircularProgress from "@mui/material/CircularProgress";
export default function TechnicianWidgets() { export default function TechnicianWidgets() {

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

@ -1,10 +1,10 @@
import Header from "../../Components/Header/Header"; import Header from "../../Components/Header/Header";
import styles from "../../styles"; import styles from "../../styles";
import RestrictedComponent from "../../Components/RestrictedComponent/RestrictedComponent"; import RestrictedComponent from "../../Components/RestrictedComponent/RestrictedComponent";
import TechnicianWidgets from "../../Components/DashboardPage/TechnicianWidgets"; import TechnicianWidgets from "../../Components/DashboardPage/Technician/TechnicianWidgets";
import TechnicianEquipmentButtons from "../../Components/DashboardPage/TechnicianEquipmentButtons"; import TechnicianEquipmentButtons from "../../Components/DashboardPage/Technician/TechnicianEquipmentButtons";
import TechnicianLogButtons from "../../Components/DashboardPage/TechnicianLogButtons"; import TechnicianLogButtons from "../../Components/DashboardPage/Technician/TechnicianLogButtons";
import StudentTransactionFilterMenu from "../../Components/DashboardPage/StudentTransactionFilterMenu"; import StudentTransactionFilterMenu from "../../Components/DashboardPage/Student/StudentTransactionFilterMenu";
export default function Dashboard() { export default function Dashboard() {
return ( return (
<div style={styles.background}> <div style={styles.background}>