Delete redundant elements in the SearchBar

ReDI-School · Dec 8, 2024 · 699a10e · 699a10e
1 parent cede991
commit 699a10e
Show file tree

Hide file tree

Showing 3 changed files with 30 additions and 17 deletions.
diff --git a/server/src/data/bookings.json b/server/src/data/bookings.json
@@ -20,7 +20,12 @@
         "petsNumber": 2
       }
     },
-    "alreadyBookedDates": []
+    "alreadyBookedDates": [
+      {
+        "startDate": "12/10/2024",
+        "endDate": "12/13/2024"
+      }
+    ]
   },
   {
     "id": 2,

diff --git a/server/src/data/reservations.json b/server/src/data/reservations.json
@@ -82,5 +82,26 @@
       "cleaningFee": 10,
       "longStayDiscount": 0
     }
+  },
+  {
+    "reservationId": 5,
+    "productId": 1,
+    "checkInDate": "12/10/2024",
+    "checkOutDate": "12/13/2024",
+    "guestCounts": {
+      "adults": 2,
+      "children": 1,
+      "infants": 1,
+      "pets": 1
+    },
+    "totalPrice": 458,
+    "breakdown": {
+      "nights": 3,
+      "pricePerNight": 146,
+      "basePrice": 438,
+      "airbnbServiceFee": 10,
+      "cleaningFee": 10,
+      "longStayDiscount": 0
+    }
   }
 ]
diff --git a/src/components/SearchBar/SearchBar.jsx b/src/components/SearchBar/SearchBar.jsx
@@ -29,7 +29,6 @@ const SearchBar = ({ searchType, onSearch }) => {
   const [showCalendar, setShowCalendar] = useState(false);
   const [showWhoDropdown, setShowWhoDropdown] = useState(false);
   const [closing, setClosing] = useState(false);
-  // const [handelGuestsPopUp, setHandelGuestsPopUp] = useState(false);
   const [handelDestinationPopUp, setHandelDestinationPopUp] = useState(false);
   const [hoverStates, setHoverStates] = useState({
     location: false,
@@ -124,15 +123,10 @@ const SearchBar = ({ searchType, onSearch }) => {
   }
 
   const closeCalendarPopup = () => setShowCalendar(false)
-  const closeDestinationPopup = () => setHandelDestinationPopUp(false) //
-  // const closeGuestPopup = () => setHandelGuestsPopUp(false)
-
-  // const searchBarRef = useOutsideClick(disableSearchBarFocus);
-  // const calendarRef = useOutsideClick(closeCalendarPopup)
-  const destinationRef = useOutsideClick(closeDestinationPopup)
-  // const guestRef = useOutsideClick(closeGuestPopup)
+  const closeDestinationPopup = () => setHandelDestinationPopUp(false)
   const closeWhoDropdown = () => setShowWhoDropdown(false)
 
+  const destinationRef = useOutsideClick(closeDestinationPopup)
   const searchBarRef = useOutsideClick(disableSearchBarFocus);
   const calendarRef = useOutsideClick(closeCalendarPopup)
   const whoRef = useOutsideClick(closeWhoDropdown)
@@ -223,9 +217,7 @@ const SearchBar = ({ searchType, onSearch }) => {
 
     onSearch(searchParams);
   };
-  // const handelWhoPopup = () => {
-  //   setHandelGuestsPopUp(!handelGuestsPopUp);
-  // }
+
   const handelDestinationClick = () =>{
     setHandelDestinationPopUp(!handelDestinationPopUp);
   }
@@ -505,11 +497,6 @@ const SearchBar = ({ searchType, onSearch }) => {
               <FontAwesomeIcon icon={faSearch} />
             </button>
           </div>
-          <div>
-              <button onClick={handleSearch} className={styles.circleButton}>
-                <FontAwesomeIcon icon={faSearch} />
-              </button>
-            </div>
         </div>
         {showWhoDropdown && (
             <div className={`${styles.whoDropdownWrapper} ${closing ? styles.close : styles.open}`}>