feat(SW-2270): Added hotel listing block to campaign overview page

Approved-by: Matilda Landström

apps/scandic-web/components/Blocks/CampaignHotelListing/Client.tsx

@@ -20,6 +20,7 @@ import type { HotelDataWithUrl } from "@scandic-hotels/trpc/types/hotel"
 
 interface CampaignHotelListingClientProps {
   heading: string
+  preamble?: string | null
   hotels: HotelDataWithUrl[]
   visibleCountMobile?: 3 | 6
   visibleCountDesktop?: 3 | 6
@@ -27,6 +28,7 @@ interface CampaignHotelListingClientProps {
 
 export default function CampaignHotelListingClient({
   heading,
+  preamble,
   hotels,
   visibleCountMobile = 3,
   visibleCountDesktop = 6,
@@ -46,7 +48,7 @@ export default function CampaignHotelListingClient({
   )
 
   // Only show the show more/less button if the length of hotels exceeds the threshold count
-  const showButton = hotels.length >= thresholdCount
+  const showButton = hotels.length > thresholdCount
 
   // Determine if we are at the stage where the user can click to show all hotels
   const canShowAll =
@@ -93,6 +95,11 @@ export default function CampaignHotelListingClient({
         <Typography variant="Title/Subtitle/lg">
           <h3>{heading}</h3>
         </Typography>
+        {preamble ? (
+          <Typography variant="Body/Paragraph/mdRegular">
+            <p>{preamble}</p>
+          </Typography>
+        ) : null}
       </header>
       <ul className={styles.list}>
         {hotels.map(({ hotel, url }, index) => (