willba-component-library 0.0.10 → 0.0.12

package/dist/cjs/index.js

@@ -2522,62 +2522,51 @@ const Button = (props) => {
 };
 
 function FilterBar() {
-    //const [selectedFilter, setSelectedFilter] = useState<number | boolean>(false)
+    const [selectedFilter, setSelectedFilter] = reactExports.useState(false);
     // const [startDate, setStartDate] = useState(0);
     // const [endDate, setEndDate] = useState(0);
-    //const [guestsAdults, setGuestsAdults] = useState(0)
-    //const [guestsKids, setGuestsKids] = useState(0)
-    //const [categories, setCategories] = useState(0)
-    // const handleSelectedFilter = (id: any) => {
-    //   setSelectedFilter(id)
-    // }
-    // const handleSubmit = () => {
-    //   const queryParams = new URLSearchParams()
-    //   const params = {
-    //     // startDate,
-    //     // endDate,
-    //     guestsAdults,
-    //     guestsKids,
-    //     categories,
-    //   }
-    //   for (const [key, value] of Object.entries(params)) {
-    //     if (value) {
-    //       queryParams.append(key, value.toString())
-    //     }
-    //   }
-    //   const url = `http://localhost:4000/en/events/?${queryParams.toString()}`
-    //   window.location.href = url
-    //   handleSelectedFilter(false)
-    // }
+    const [guestsAdults, setGuestsAdults] = reactExports.useState(0);
+    const [guestsKids, setGuestsKids] = reactExports.useState(0);
+    const [categories, setCategories] = reactExports.useState(0);
+    const handleSelectedFilter = (id) => {
+        setSelectedFilter(id);
+    };
+    const handleSubmit = () => {
+        const queryParams = new URLSearchParams();
+        const params = {
+            // startDate,
+            // endDate,
+            guestsAdults,
+            guestsKids,
+            categories,
+        };
+        for (const [key, value] of Object.entries(params)) {
+            if (value) {
+                queryParams.append(key, value.toString());
+            }
+        }
+        const url = `http://localhost:4000/en/events/?${queryParams.toString()}`;
+        window.location.href = url;
+        handleSelectedFilter(false);
+    };
     return (React.createElement("div", { className: "search-widget" },
         React.createElement("div", { className: "search-widget-header" },
+            React.createElement(SelectButton, { label: "Start date", onClick: () => handleSelectedFilter(1) }),
             React.createElement(Divider, null),
+            React.createElement(SelectButton, { label: "End date", onClick: () => handleSelectedFilter(2) }),
             React.createElement(Divider, null),
-            React.createElement(Divider, null))));
+            React.createElement(Divider, null),
+            React.createElement(SubmitButton, { onClick: handleSubmit }))));
 }
 const Divider = () => {
     return React.createElement("div", { className: "search-widget-divider" });
 };
-// const SubmitButton = ({ onClick }: any) => {
-//   return (
-//     <button className="search-widget-submit-button" onClick={onClick}>
-//       Apply filters
-//     </button>
-//   )
-// }
-// const SelectButton = ({ label, onClick }: any) => {
-//   return (
-//     <button className="search-widget-select-button" onClick={onClick}>
-//       {label}
-//     </button>
-//   )
-// }
-// const StartDate = () => {
-//   return <div>Start date</div>
-// }
-// const EndDate = () => {
-//   return <div>End date</div>
-// }
+const SubmitButton = ({ onClick }) => {
+    return (React.createElement("button", { className: "search-widget-submit-button", onClick: onClick }, "Apply filters"));
+};
+const SelectButton = ({ label, onClick }) => {
+    return (React.createElement("button", { className: "search-widget-select-button", onClick: onClick }, label));
+};
 // const Guests = ({
 //   guestsAdults,
 //   guestsKids,