willba-component-library 0.1.23 → 0.1.24

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "willba-component-library",
-  "version": "0.1.23",
+  "version": "0.1.24",
   "description": "A stroybook 6 with TypeScript demo",
   "main": "lib/index.js",
   "module": "lib/index.esm.js",

package/src/components/FilterBar/FilterBarTypes.ts

@@ -11,14 +11,14 @@ export interface AgeCategoryType {
 
 export interface GuestsPropsType {
   ageCategories: AgeCategoryType[]
-  updateGuestsCount: (arg1: number, arg2: number) => void
+  updateGuestsCount: (arg1: string, arg2: number) => void
   ageCategoryCounts: AgeCategoryCount | {}
 }
 
 export interface GuestsCountPropsType {
   label: string
   id: number
-  updateGuestsCount: (arg1: number, arg2: number) => void
+  updateGuestsCount: (arg1: string, arg2: number) => void
   count: number
   minVal: number
   sortOrder: number

package/src/components/FilterBar/components/guests/GuestCount/GuestCount.tsx

@@ -14,12 +14,12 @@ export default function GuestCount({
 }: GuestsCountPropsType) {
   const handleDecrement = () => {
     if (count > minVal) {
-      updateGuestsCount(id, count - 1)
+      updateGuestsCount(`guests-${id}`, count - 1)
     }
   }
 
   const handleIncrement = () => {
-    updateGuestsCount(id, count + 1)
+    updateGuestsCount(`guests-${id}`, count + 1)
   }
 
   return (

package/src/components/FilterBar/components/guests/Guests.tsx

@@ -24,8 +24,9 @@ export default function Guests({
             sortOrder={category.sortOrder}
             updateGuestsCount={updateGuestsCount}
             count={
-              (ageCategoryCounts as AgeCategoryCount)[category.id] ||
-              category.minVal
+              (ageCategoryCounts as AgeCategoryCount)[
+                `guests-${category.id}`
+              ] || category.minVal
             }
           />
         ))}

package/src/components/FilterBar/hooks/useFilterBar.tsx

@@ -19,10 +19,11 @@ export default function useFilterBar({ redirectUrl }: UseFilterBarPropsType) {
     {}
   )
 
-  const updateGuestsCount = (id: number, newCount: number) => {
+  const updateGuestsCount = (id: string, newCount: number) => {
+    console.log(ageCategoryCounts)
     setAgeCategoryCounts((prevCounts) => ({
       ...prevCounts,
-      [`guests-${id}`]: newCount,
+      [id]: newCount,
     }))
   }