From 6506d6817bb7de9a113eab78a94b92175816fc91 Mon Sep 17 00:00:00 2001
From: Victor <victordescamps@gmail.com>
Date: Mon, 13 May 2024 00:59:33 +0200
Subject: [PATCH] fix date reset

---
 src/components/item/ItemPage.jsx | 56 ++++++++++++++++++++++++++++++--
 1 file changed, 54 insertions(+), 2 deletions(-)

diff --git a/src/components/item/ItemPage.jsx b/src/components/item/ItemPage.jsx
index 0104601..4a9f9cf 100644
--- a/src/components/item/ItemPage.jsx
+++ b/src/components/item/ItemPage.jsx
@@ -68,9 +68,13 @@ export const ItemPage = () => {
         (filterPriceMin === "" || item.price >= parseFloat(filterPriceMin)) &&
         (filterPriceMax === "" || item.price <= parseFloat(filterPriceMax));
       const matchesDate =
+        !filterDateRange ||
         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]);
+
       return matchesRoom && matchesName && matchesPrice && matchesDate;
     });
     setFilteredItems(filtered);
@@ -106,7 +110,55 @@ export const ItemPage = () => {
 
   return (
     <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 onClick={() => setIsCreateItemModalOpen(true)}>