From b76b1e17fb86f8124e8f2e8c1b2f7361c0fbd474 Mon Sep 17 00:00:00 2001
From: Keannu Bernasol <noehbernasol0@gmail.com>
Date: Fri, 22 Dec 2023 15:34:13 +0800
Subject: [PATCH] Remove unused components in student transaction filter

---
 .../Student/StudentTransactionFilterMenu.tsx  | 56 +------------------
 1 file changed, 1 insertion(+), 55 deletions(-)

diff --git a/src/Components/DashboardPage/Student/StudentTransactionFilterMenu.tsx b/src/Components/DashboardPage/Student/StudentTransactionFilterMenu.tsx
index d066fad..be58c39 100644
--- a/src/Components/DashboardPage/Student/StudentTransactionFilterMenu.tsx
+++ b/src/Components/DashboardPage/Student/StudentTransactionFilterMenu.tsx
@@ -10,16 +10,12 @@ import {
 import HourglassBottomIcon from "@mui/icons-material/HourglassBottom";
 import CheckCircleIcon from "@mui/icons-material/CheckCircle";
 import FlashOffIcon from "@mui/icons-material/FlashOff";
-import Popup from "reactjs-popup";
-import AddItemModal from "../../AddItemModal/AddItemModal";
-import AddSKUModal from "../../AddSKUModal/AddSKUModal";
 import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
 import ShoppingCartCheckoutIcon from "@mui/icons-material/ShoppingCartCheckout";
 import AssignmentReturnedIcon from "@mui/icons-material/AssignmentReturned";
 import CancelOutlinedIcon from "@mui/icons-material/CancelOutlined";
 import CancelIcon from "@mui/icons-material/Cancel";
 import ClearAllIcon from "@mui/icons-material/ClearAll";
-import { useState } from "react";
 
 type props = {
   filter: string;
@@ -27,8 +23,6 @@ type props = {
 };
 
 export default function StudentTransactionFilterMenu(props: props) {
-  const [addSKUmodalOpen, SetAddSKUModalOpen] = useState(false);
-  const [additemmodalOpen, SetAddItemModalOpen] = useState(false);
   return (
     <>
       <p
@@ -51,7 +45,7 @@ export default function StudentTransactionFilterMenu(props: props) {
         }}
       >
         <FormControl sx={{ width: "384px" }}>
-          <InputLabel style={{ backgroundColor: "white" }}>
+          <InputLabel style={{ backgroundColor: "white", padding: 0 }}>
             Filter Transactions
           </InputLabel>
           <Select
@@ -389,54 +383,6 @@ export default function StudentTransactionFilterMenu(props: props) {
           </Select>
         </FormControl>
       </div>
-      <div
-        style={{
-          ...styles.flex_row,
-          ...{
-            alignSelf: "center",
-            justifyContent: "center",
-            flexWrap: "wrap",
-          },
-        }}
-      ></div>
-      <Popup
-        open={addSKUmodalOpen}
-        onClose={() => SetAddSKUModalOpen(false)}
-        modal
-        position={"top center"}
-        contentStyle={{
-          width: "32rem",
-          borderRadius: 16,
-          borderColor: "grey",
-          borderStyle: "solid",
-          borderWidth: 1,
-          padding: 16,
-          alignContent: "center",
-          justifyContent: "center",
-          textAlign: "center",
-        }}
-      >
-        <AddSKUModal />
-      </Popup>
-      <Popup
-        open={additemmodalOpen}
-        onClose={() => SetAddItemModalOpen(false)}
-        modal
-        position={"top center"}
-        contentStyle={{
-          width: "32rem",
-          borderRadius: 16,
-          borderColor: "grey",
-          borderStyle: "solid",
-          borderWidth: 1,
-          padding: 16,
-          alignContent: "center",
-          justifyContent: "center",
-          textAlign: "center",
-        }}
-      >
-        <AddItemModal />
-      </Popup>
     </>
   );
 }