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 + return } 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({ {header} - + {children} 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({ position, arrow, children, -}: TooltipProps) { +}: PropsWithChildren>) { const className = tooltipVariants({ position, arrow }) return ( 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 { text?: string position: P arrow: ValidArrow - children: React.ReactNode }
({ position, arrow, children, -}: TooltipProps
) { +}: PropsWithChildren>) { const className = tooltipVariants({ position, arrow }) return ( 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 { text?: string position: P arrow: ValidArrow - children: React.ReactNode }
{ text?: string position: P arrow: ValidArrow
- children: React.ReactNode }