ForFarmTeam/ForFarm
1
0
Fork 0
mirror of https://github.com/ForFarmTeam/ForFarm.git synced 2025-12-19 14:04:08 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

fix: streamline inventory item filtering by converting id to string

Browse Source
This commit is contained in:
Pattadon 2025-04-01 13:31:04 +07:00
parent 9b81a8af3b
commit b4793aba38
1 changed files with 11 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
frontend/app/(sidebar)/inventory/page.tsx
View File

@ -1,9 +1,6 @@
"use client";
import {
useState,
useMemo,
} from "react";
import { useState, useMemo } from "react";
import { useQuery } from "@tanstack/react-query";
import {
useReactTable,
@ -38,7 +35,7 @@ import { fetchInventoryItems } from "@/api/inventory";
import { AddInventoryItem } from "./add-inventory-item";
import {
EditInventoryItem,
EditInventoryItemProps
EditInventoryItemProps,
} from "./edit-inventory-item";
import { DeleteInventoryItem } from "./delete-inventory-item";
@ -61,9 +58,14 @@ export default function InventoryPage() {
// console.table(inventoryItems);
const [searchTerm, setSearchTerm] = useState("");
const filteredItems = useMemo(() => {
return inventoryItems.filter((item) =>
item.name.toLowerCase().includes(searchTerm.toLowerCase())
);
return inventoryItems
.map((item) => ({
...item,
id: String(item.id), // Convert `id` to string here
}))
.filter((item) =>
item.name.toLowerCase().includes(searchTerm.toLowerCase())
);
}, [inventoryItems, searchTerm]);
const columns = [
@ -111,7 +113,7 @@ export default function InventoryPage() {
];
const table = useReactTable({
data: filteredItems.map((item) => ({ ...item, id: item.id.toString() })),
data: filteredItems,
columns,
state: { sorting, pagination },
getCoreRowModel: getCoreRowModel(),