From 486c16ab1550b938fc5dad796a40d3f175bae546 Mon Sep 17 00:00:00 2001
From: THIS ONE IS A LITTLE BIT TRICKY KRUB <pattadon2546pn@gmail.com>
Date: Mon, 31 Mar 2025 22:12:18 +0700
Subject: [PATCH] feat: style delete button and remove unused search handler in
 inventory page

---
 frontend/app/(sidebar)/inventory/delete-inventory-item.tsx | 6 +++++-
 frontend/app/(sidebar)/inventory/page.tsx                  | 4 ----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/app/(sidebar)/inventory/delete-inventory-item.tsx b/frontend/app/(sidebar)/inventory/delete-inventory-item.tsx
index 90036e7..e53e37d 100644
--- a/frontend/app/(sidebar)/inventory/delete-inventory-item.tsx
+++ b/frontend/app/(sidebar)/inventory/delete-inventory-item.tsx
@@ -52,7 +52,11 @@ export function DeleteInventoryItem() {
   };
 
   return (
-    <Button type="submit" onClick={handleDelete}>
+    <Button
+      type="submit"
+      className="bg-red-500 hover:bg-red-800 text-white"
+      onClick={handleDelete}
+    >
       Delete Item
     </Button>
   );
diff --git a/frontend/app/(sidebar)/inventory/page.tsx b/frontend/app/(sidebar)/inventory/page.tsx
index b93c003..792f3a1 100644
--- a/frontend/app/(sidebar)/inventory/page.tsx
+++ b/frontend/app/(sidebar)/inventory/page.tsx
@@ -61,10 +61,6 @@ export default function InventoryPage() {
   });
   // console.table(inventoryItems);
   const [searchTerm, setSearchTerm] = useState("");
-  const handleSearch = () => {
-    // update search state when user clicks or presses enter
-    setSearchTerm(searchTerm);
-  };
   const filteredItems = useMemo(() => {
     return inventoryItems.filter((item) =>
       item.name.toLowerCase().includes(searchTerm.toLowerCase())