From 1dd0586776cc595148588fc0069590846f71eb78 Mon Sep 17 00:00:00 2001
From: "B.E.N.S.O.N" <bensonhkbus@gmail.com>
Date: Tue, 13 Jan 2026 17:28:34 +0800
Subject: [PATCH] Update Equipment Page

---
 src/components/EquipmentSearch/EquipmentSearchLoading.tsx | 1 -
 src/components/EquipmentSearch/EquipmentSearchResults.tsx | 8 +-------
 .../EquipmentTypeSearch/EquipmentTypeSearchLoading.tsx    | 1 -
 3 files changed, 1 insertion(+), 9 deletions(-)

diff --git a/src/components/EquipmentSearch/EquipmentSearchLoading.tsx b/src/components/EquipmentSearch/EquipmentSearchLoading.tsx
index 100feb0..40a4253 100644
--- a/src/components/EquipmentSearch/EquipmentSearchLoading.tsx
+++ b/src/components/EquipmentSearch/EquipmentSearchLoading.tsx
@@ -6,7 +6,6 @@ import Skeleton from "@mui/material/Skeleton";
 import Stack from "@mui/material/Stack";
 import React from "react";
 
-// Can make this nicer
 export const EquipmentTypeSearchLoading: React.FC = () => {
   return (
     <>
diff --git a/src/components/EquipmentSearch/EquipmentSearchResults.tsx b/src/components/EquipmentSearch/EquipmentSearchResults.tsx
index d35b83b..dd2c45e 100644
--- a/src/components/EquipmentSearch/EquipmentSearchResults.tsx
+++ b/src/components/EquipmentSearch/EquipmentSearchResults.tsx
@@ -139,7 +139,6 @@ function isCheckboxColumn<T extends ResultWithId>(
   return column.type === "checkbox";
 }
 
-// Icon Component Functions
 function convertObjectKeysToLowercase<T extends object>(
   obj: T,
 ): object | undefined {
@@ -207,7 +206,6 @@ function EquipmentSearchResults<T extends ResultWithId>({
   const [page, setPage] = React.useState(0);
   const [rowsPerPage, setRowsPerPage] = React.useState(10);
   
-  /// this
   const handleChangePage: TablePaginationProps["onPageChange"] = (
     _event,
     newPage,
@@ -238,7 +236,6 @@ function EquipmentSearchResults<T extends ResultWithId>({
     }
   };
 
-  // checkbox
   const currItems = useMemo(() => {
     return items.length > 10 ? items
     .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
@@ -254,7 +251,6 @@ function EquipmentSearchResults<T extends ResultWithId>({
 
   const handleRowClick = useCallback(
     (event: MouseEvent<unknown>, item: T, columns: Column<T>[]) => {
-      // check is disabled or not
       let disabled = false;
       columns.forEach((col) => {
         if (isCheckboxColumn(col) && col.disabled) {
@@ -269,7 +265,6 @@ function EquipmentSearchResults<T extends ResultWithId>({
         return;
       }
 
-      // set id
       const id = item.id;
       if (setCheckboxIds) {
         const selectedIndex = checkboxIds.indexOf(id);
@@ -335,7 +330,7 @@ function EquipmentSearchResults<T extends ResultWithId>({
                         column.renderHeader()
                       ) : (
                         column.label.split('\n').map((line, index) => (
-                          <div key={index}>{line}</div> // Render each line in a div
+                          <div key={index}>{line}</div> 
                         ))
                       )}
                     </TableCell>
@@ -442,7 +437,6 @@ function EquipmentSearchResults<T extends ResultWithId>({
   return noWrapper ? table : <Paper sx={{ overflow: "hidden" }}>{table}</Paper>;
 }
 
-// Table cells
 interface TableCellsProps<T extends ResultWithId> {
   column: Column<T>;
   columnName: keyof T;
diff --git a/src/components/EquipmentTypeSearch/EquipmentTypeSearchLoading.tsx b/src/components/EquipmentTypeSearch/EquipmentTypeSearchLoading.tsx
index 838189b..75f1b1b 100644
--- a/src/components/EquipmentTypeSearch/EquipmentTypeSearchLoading.tsx
+++ b/src/components/EquipmentTypeSearch/EquipmentTypeSearchLoading.tsx
@@ -4,7 +4,6 @@ import Skeleton from "@mui/material/Skeleton";
 import Stack from "@mui/material/Stack";
 import React from "react";
 
-// Can make this nicer
 export const EquipmentTypeSearchLoading: React.FC = () => {
   return (
     <>