mirror of
https://github.com/ForFarmTeam/ForFarm.git
synced 2025-12-19 14:04:08 +01:00
feat: style delete button and remove unused search handler in inventory page
This commit is contained in:
parent
0df2d8241e
commit
486c16ab15
@ -52,7 +52,11 @@ export function DeleteInventoryItem() {
|
|||||||
};
|
};
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Button type="submit" onClick={handleDelete}>
|
<Button
|
||||||
|
type="submit"
|
||||||
|
className="bg-red-500 hover:bg-red-800 text-white"
|
||||||
|
onClick={handleDelete}
|
||||||
|
>
|
||||||
Delete Item
|
Delete Item
|
||||||
</Button>
|
</Button>
|
||||||
);
|
);
|
||||||
|
|||||||
@ -61,10 +61,6 @@ export default function InventoryPage() {
|
|||||||
});
|
});
|
||||||
// console.table(inventoryItems);
|
// console.table(inventoryItems);
|
||||||
const [searchTerm, setSearchTerm] = useState("");
|
const [searchTerm, setSearchTerm] = useState("");
|
||||||
const handleSearch = () => {
|
|
||||||
// update search state when user clicks or presses enter
|
|
||||||
setSearchTerm(searchTerm);
|
|
||||||
};
|
|
||||||
const filteredItems = useMemo(() => {
|
const filteredItems = useMemo(() => {
|
||||||
return inventoryItems.filter((item) =>
|
return inventoryItems.filter((item) =>
|
||||||
item.name.toLowerCase().includes(searchTerm.toLowerCase())
|
item.name.toLowerCase().includes(searchTerm.toLowerCase())
|
||||||
|
|||||||
Loading…
Reference in New Issue
Block a user