Fix BookingWidgetSkeleton after merge

This commit is contained in:
Anton Gunnarsson
2024-11-15 11:48:52 +01:00
parent d83a839ed6
commit eaf9aa7277
4 changed files with 10 additions and 11 deletions

View File

@@ -188,10 +188,12 @@ export default function BookingWidgetClient({
export function BookingWidgetSkeleton() {
return (
<>
<section className={styles.containerDesktop}>
<BookingWidgetFormSkeleton />
<section className={styles.wrapper} style={{ top: 0 }}>
<MobileToggleButtonSkeleton />
<div className={styles.formContainer}>
<BookingWidgetFormSkeleton />
</div>
</section>
<MobileToggleButtonSkeleton />
</>
)
}

View File

@@ -121,14 +121,9 @@ export default function MobileToggleButton({
export function MobileToggleButtonSkeleton() {
const intl = useIntl()
const bookingWidgetMobileRef = useRef(null)
useStickyPosition({
ref: bookingWidgetMobileRef,
name: StickyElementNameEnum.BOOKING_WIDGET_MOBILE,
})
return (
<div className={styles.partial} ref={bookingWidgetMobileRef}>
<div className={styles.partial}>
<div>
<Caption type="bold" color="red">
{intl.formatMessage({ id: "Where to" })}

View File

@@ -1,10 +1,12 @@
import { cx } from "class-variance-authority"
import SkeletonShimmer from "@/components/SkeletonShimmer"
import NavigationMenuItem from "../NavigationMenuItem"
import styles from "./navigationMenuList.module.css"
import type { NavigationMenuListProps } from "@/types/components/header/navigationMenuList"
import { cx } from "class-variance-authority"
export default function NavigationMenuList({
isMobile,

View File

@@ -5,6 +5,7 @@ import Image from "@/components/Image"
import { getIntl } from "@/i18n"
import { getLang } from "@/i18n/serverContext"
import { NavigationMenuListSkeleton } from "./NavigationMenu/NavigationMenuList"
import { MobileMenuSkeleton } from "./MobileMenu"
import MobileMenuWrapper from "./MobileMenuWrapper"
import MyPagesMenuWrapper, {
@@ -13,7 +14,6 @@ import MyPagesMenuWrapper, {
import NavigationMenu from "./NavigationMenu"
import styles from "./mainMenu.module.css"
import { NavigationMenuListSkeleton } from "./NavigationMenu/NavigationMenuList"
export default function MainMenu() {
return (