fix date reset

This commit is contained in:
Victor 2024-05-13 00:59:33 +02:00
parent 4cf9069bf2
commit 6506d6817b

View File

@ -68,9 +68,13 @@ export const ItemPage = () => {
(filterPriceMin === "" || item.price >= parseFloat(filterPriceMin)) && (filterPriceMin === "" || item.price >= parseFloat(filterPriceMin)) &&
(filterPriceMax === "" || item.price <= parseFloat(filterPriceMax)); (filterPriceMax === "" || item.price <= parseFloat(filterPriceMax));
const matchesDate = const matchesDate =
!filterDateRange ||
filterDateRange.length === 0 || filterDateRange.length === 0 ||
(new Date(item.purchaseDate) >= filterDateRange[0] && (filterDateRange[0] &&
filterDateRange[1] &&
new Date(item.purchaseDate) >= filterDateRange[0] &&
new Date(item.purchaseDate) <= filterDateRange[1]); new Date(item.purchaseDate) <= filterDateRange[1]);
return matchesRoom && matchesName && matchesPrice && matchesDate; return matchesRoom && matchesName && matchesPrice && matchesDate;
}); });
setFilteredItems(filtered); setFilteredItems(filtered);
@ -106,7 +110,55 @@ export const ItemPage = () => {
return ( return (
<div className="item-container"> <div className="item-container">
<div className="filters">{/* Filters here */}</div> <div className="filters">
<div className="filter-group">
<label htmlFor="roomSelect">Room:</label>
<Select
id="roomSelect"
defaultValue="all"
style={{ width: 120 }}
onChange={handleRoomChange}
>
<Option value="all">All</Option>
{rooms.map((room) => (
<Option key={room._id} value={room._id}>
{room.name}
</Option>
))}
</Select>
</div>
<div className="filter-group">
<label htmlFor="nameInput">Search by name:</label>
<Input
id="nameInput"
placeholder="Search by name"
value={filterName}
onChange={(e) => setFilterName(e.target.value)}
/>
</div>
<div className="filter-group">
<label>Price:</label>
<InputNumber
placeholder="Min price"
value={filterPriceMin}
onChange={(value) => setFilterPriceMin(value)}
/>
<span> - </span>
<InputNumber
placeholder="Max price"
value={filterPriceMax}
onChange={(value) => setFilterPriceMax(value)}
/>
</div>
<div className="filter-group">
<label>Purchase Date:</label>
<RangePicker
format="YYYY-MM-DD"
onChange={(dates) => setFilterDateRange(dates)}
value={filterDateRange}
/>
</div>
</div>
{/* Button to open create item modal */} {/* Button to open create item modal */}
<button onClick={() => setIsCreateItemModalOpen(true)}> <button onClick={() => setIsCreateItemModalOpen(true)}>