From e776b1552ae12817b079d91c475ffd97d7459406 Mon Sep 17 00:00:00 2001
From: Pontus Dreij <pontus.dreij@scandichotels.com>
Date: Mon, 7 Oct 2024 10:51:52 +0200
Subject: [PATCH] feat(SW-350): Fix PR comments

---
 app/[lang]/(live)/@bookingwidget/page.tsx              |  2 +-
 app/[lang]/(live)/layout.tsx                           |  1 -
 app/[lang]/(live-current)/layout.tsx                   |  2 +-
 components/BookingWidget/bookingWidget.module.css      |  2 +-
 components/DatePicker/Screen/Desktop.tsx               |  2 +-
 .../FormContent/Voucher/voucher.module.css             |  9 +++------
 .../BookingWidget/FormContent/formContent.module.css   | 10 +++++-----
 components/Forms/BookingWidget/FormContent/index.tsx   |  1 -
 components/Forms/BookingWidget/variants.ts             |  2 +-
 components/TempDesignSystem/TeaserCard/index.tsx       |  2 --
 components/TempDesignSystem/Tooltip/index.tsx          |  4 +++-
 types/components/tooltip.ts                            |  1 -
 12 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/app/[lang]/(live)/@bookingwidget/page.tsx b/app/[lang]/(live)/@bookingwidget/page.tsx
index b2dd7e1b6..13a414cba 100644
--- a/app/[lang]/(live)/@bookingwidget/page.tsx
+++ b/app/[lang]/(live)/@bookingwidget/page.tsx
@@ -13,5 +13,5 @@ export default async function BookingWidgetPage() {
     return null
   }
 
-  return <BookingWidget type="full" />
+  return <BookingWidget />
 }
diff --git a/app/[lang]/(live)/layout.tsx b/app/[lang]/(live)/layout.tsx
index fffe0a0b0..3704178c4 100644
--- a/app/[lang]/(live)/layout.tsx
+++ b/app/[lang]/(live)/layout.tsx
@@ -2,7 +2,6 @@ import "@/app/globals.css"
 import "@scandic-hotels/design-system/style.css"
 
 import Script from "next/script"
-import React from "react"
 
 import { env } from "@/env/server"
 import TrpcProvider from "@/lib/trpc/Provider"
diff --git a/app/[lang]/(live-current)/layout.tsx b/app/[lang]/(live-current)/layout.tsx
index ac6deaf17..ec3be8b3c 100644
--- a/app/[lang]/(live-current)/layout.tsx
+++ b/app/[lang]/(live-current)/layout.tsx
@@ -65,7 +65,7 @@ export default async function RootLayout({
         <SkipToMainContent />
         <ServerIntlProvider intl={{ defaultLocale, locale, messages }}>
           {header}
-          <BookingWidget type="full" />
+          <BookingWidget />
           {children}
           <Footer />
           <TokenRefresher />
diff --git a/components/BookingWidget/bookingWidget.module.css b/components/BookingWidget/bookingWidget.module.css
index c56e1e047..2827ba72d 100644
--- a/components/BookingWidget/bookingWidget.module.css
+++ b/components/BookingWidget/bookingWidget.module.css
@@ -42,7 +42,7 @@
     box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.05);
     position: sticky;
     top: 0;
-    z-index: 1;
+    z-index: 10000;
     background-color: var(--Base-Surface-Primary-light-Normal);
   }
 
diff --git a/components/DatePicker/Screen/Desktop.tsx b/components/DatePicker/Screen/Desktop.tsx
index 4be5495a2..db290137e 100644
--- a/components/DatePicker/Screen/Desktop.tsx
+++ b/components/DatePicker/Screen/Desktop.tsx
@@ -1,5 +1,5 @@
 "use client"
-import React from "react"
+
 import { DayPicker } from "react-day-picker"
 import { useIntl } from "react-intl"
 
diff --git a/components/Forms/BookingWidget/FormContent/Voucher/voucher.module.css b/components/Forms/BookingWidget/FormContent/Voucher/voucher.module.css
index a3eea23de..83f02c14b 100644
--- a/components/Forms/BookingWidget/FormContent/Voucher/voucher.module.css
+++ b/components/Forms/BookingWidget/FormContent/Voucher/voucher.module.css
@@ -1,6 +1,3 @@
-.vouchers {
-  display: block;
-}
 .options {
   display: flex;
   flex-direction: column;
@@ -16,7 +13,7 @@
 }
 .vouchers {
   width: 100%;
-
+  display: block;
   padding: var(--Spacing-x1) var(--Spacing-x-one-and-half);
   border-radius: var(--Corner-radius-Small);
 }
@@ -27,8 +24,8 @@
 }
 
 .checkbox {
-  width: var(--Spacing-x3);
-  height: var(--Spacing-x3);
+  width: 24px;
+  height: 24px;
 }
 
 .checkboxVoucher {
diff --git a/components/Forms/BookingWidget/FormContent/formContent.module.css b/components/Forms/BookingWidget/FormContent/formContent.module.css
index 4109a5509..4789fd6a6 100644
--- a/components/Forms/BookingWidget/FormContent/formContent.module.css
+++ b/components/Forms/BookingWidget/FormContent/formContent.module.css
@@ -8,8 +8,8 @@
 }
 
 .checkbox {
-  width: var(--Spacing-x3);
-  height: var(--Spacing-x3);
+  width: 24px;
+  height: 24px;
 }
 .icon,
 .voucherRow {
@@ -71,7 +71,7 @@
 
   .inputContainer input[type="text"] {
     border: none;
-    height: var(--Spacing-x3);
+    height: 24px;
   }
 
   .rooms,
@@ -104,8 +104,8 @@
   }
   .input .buttonContainer .button {
     padding: var(--Spacing-x1);
-    width: var(--Spacing-x6);
-    height: var(--Spacing-x6);
+    width: 48px;
+    height: 48px;
   }
   .buttonText {
     display: none;
diff --git a/components/Forms/BookingWidget/FormContent/index.tsx b/components/Forms/BookingWidget/FormContent/index.tsx
index ec62f1aa6..050ad02ee 100644
--- a/components/Forms/BookingWidget/FormContent/index.tsx
+++ b/components/Forms/BookingWidget/FormContent/index.tsx
@@ -1,5 +1,4 @@
 "use client"
-import React from "react"
 import { useWatch } from "react-hook-form"
 import { useIntl } from "react-intl"
 
diff --git a/components/Forms/BookingWidget/variants.ts b/components/Forms/BookingWidget/variants.ts
index 276ac05e7..d31fd9643 100644
--- a/components/Forms/BookingWidget/variants.ts
+++ b/components/Forms/BookingWidget/variants.ts
@@ -10,6 +10,6 @@ export const bookingWidgetVariants = cva(styles.section, {
     },
   },
   defaultVariants: {
-    type: "default",
+    type: "full",
   },
 })
diff --git a/components/TempDesignSystem/TeaserCard/index.tsx b/components/TempDesignSystem/TeaserCard/index.tsx
index a51c04eed..a441a3322 100644
--- a/components/TempDesignSystem/TeaserCard/index.tsx
+++ b/components/TempDesignSystem/TeaserCard/index.tsx
@@ -1,5 +1,3 @@
-import React from "react"
-
 import { ChevronRightIcon } from "@/components/Icons"
 import Image from "@/components/Image"
 import Button from "@/components/TempDesignSystem/Button"
diff --git a/components/TempDesignSystem/Tooltip/index.tsx b/components/TempDesignSystem/Tooltip/index.tsx
index 7bc85d930..ba53c022d 100644
--- a/components/TempDesignSystem/Tooltip/index.tsx
+++ b/components/TempDesignSystem/Tooltip/index.tsx
@@ -1,3 +1,5 @@
+import { PropsWithChildren } from "react"
+
 import Caption from "@/components/TempDesignSystem/Text/Caption"
 
 import { tooltipVariants } from "./variants"
@@ -12,7 +14,7 @@ export function Tooltip<P extends TooltipPosition>({
   position,
   arrow,
   children,
-}: TooltipProps<P>) {
+}: PropsWithChildren<TooltipProps<P>>) {
   const className = tooltipVariants({ position, arrow })
   return (
     <div className={styles.tooltipContainer} role="tooltip" aria-label={text}>
diff --git a/types/components/tooltip.ts b/types/components/tooltip.ts
index f78c2b1c5..ff7ed6ecc 100644
--- a/types/components/tooltip.ts
+++ b/types/components/tooltip.ts
@@ -18,5 +18,4 @@ export interface TooltipProps<P extends TooltipPosition = TooltipPosition> {
   text?: string
   position: P
   arrow: ValidArrow<P>
-  children: React.ReactNode
 }