feat: SW-276 Optimized code

components/GuestsRoomsPicker/GuestsRoomPicker/ChildSelector/ChildInfoSelector.tsx

@@ -39,7 +39,7 @@ export default function ChildInfoSelector({
     { label: "12", value: 12 },
   ]
 
-  function handleOnSelect(selectedKey: any, childInfo: string) {
+  function handleOnSelect(selectedKey: number, childInfo: string) {
     if (childInfo == "age") {
       child.age = selectedKey
     } else if (childInfo == "bed") {
@@ -58,7 +58,7 @@ export default function ChildInfoSelector({
           aria-label={ageLabel}
           value={child.age}
           onSelect={(key) => {
-            handleOnSelect(key, "age")
+            handleOnSelect(parseInt(key.toString()), "age")
           }}
           name="age"
           placeholder={ageLabel}
@@ -73,7 +73,7 @@ export default function ChildInfoSelector({
             aria-label={bedLabel}
             value={child.bed}
             onSelect={(key) => {
-              handleOnSelect(key, "bed")
+              handleOnSelect(parseInt(key.toString()), "bed")
             }}
             name="bed"
             placeholder={bedLabel}

components/GuestsRoomsPicker/GuestsRoomPicker/ChildSelector/child-selector.module.css

@@ -1,6 +1,6 @@
 .container {
   display: grid;
-  grid-template-columns: auto auto auto auto;
+  grid-template-columns: repeat(4, auto);
   align-items: center;
 }
 

components/GuestsRoomsPicker/GuestsRoomPicker/ChildSelector/index.tsx

@@ -23,19 +23,17 @@ export default function ChildSelector({
   const childrenLabel = intl.formatMessage({ id: "Children" })
 
   function decreaseChildren() {
-    if (roomChildren.length < 1) {
-      return
+    if (roomChildren.length > 0) {
+      roomChildren.pop()
+      updateChildren(roomChildren)
     }
-    roomChildren.pop()
-    updateChildren(roomChildren)
   }
 
   function increaseChildren() {
-    if (roomChildren.length > 5) {
-      return
+    if (roomChildren.length < 5) {
+      roomChildren.push({ age: -1, bed: -1 })
+      updateChildren(roomChildren)
     }
-    roomChildren.push({ age: -1, bed: -1 })
-    updateChildren(roomChildren)
   }
 
   function updateChildInfo(child: Child, index: number) {