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() { export function BookingWidgetSkeleton() {
return ( return (
<> <>
<section className={styles.containerDesktop}> <section className={styles.wrapper} style={{ top: 0 }}>
<BookingWidgetFormSkeleton /> <MobileToggleButtonSkeleton />
<div className={styles.formContainer}>
<BookingWidgetFormSkeleton />
</div>
</section> </section>
<MobileToggleButtonSkeleton />
</> </>
) )
} }

View File

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

View File

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

View File

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