refactor(SW-194): PR comment fixes

components/ContentType/HotelPage/Rooms/index.tsx

@@ -17,10 +17,9 @@ import { HotelHashValues } from "@/types/components/hotelPage/tabNavigation"
 
 export function Rooms({ rooms }: RoomsProps) {
   const intl = useIntl()
-  const initialPageSize = 5
-  const [pageSize, setPageSize] = useState(initialPageSize)
-  const showMoreVisible = rooms.length > initialPageSize
-  const showLessVisible = pageSize >= rooms.length
+  const showToggleButton = rooms.length > 5
+  const [allRoomsVisible, setAllRoomsVisible] = useState(!showToggleButton)
+
   const scrollRef = useRef<HTMLDivElement>(null)
 
   const mappedRooms = rooms
@@ -45,10 +44,10 @@ export function Rooms({ rooms }: RoomsProps) {
     .sort((a, b) => a.sortOrder - b.sortOrder)
 
   function handleShowMore() {
-    if (scrollRef.current && showMoreVisible) {
+    if (scrollRef.current && allRoomsVisible) {
       scrollRef.current.scrollIntoView({ behavior: "smooth" })
     }
-    setPageSize(showLessVisible ? initialPageSize : rooms.length)
+    setAllRoomsVisible((state) => !state)
   }
 
   return (
@@ -68,7 +67,7 @@ export function Rooms({ rooms }: RoomsProps) {
             <div
               key={id}
               className={
-                !showLessVisible && index > 2 ? styles.hiddenRoomCard : ""
+                !allRoomsVisible && index > 2 ? styles.hiddenRoomCard : ""
               }
             >
               <RoomCard
@@ -83,10 +82,10 @@ export function Rooms({ rooms }: RoomsProps) {
         )}
       </Grids.Stackable>
 
-      {showMoreVisible ? (
+      {showToggleButton ? (
         <ShowMoreButton
           loadMoreData={handleShowMore}
-          showLess={showLessVisible}
+          showLess={allRoomsVisible}
           textShowMore="Show more rooms"
           textShowLess="Show less rooms"
         />