Fix BookingWidgetSkeleton after merge
This commit is contained in:
@@ -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 />
|
||||
</>
|
||||
)
|
||||
}
|
||||
|
||||
@@ -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" })}
|
||||
|
||||
@@ -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,
|
||||
|
||||
@@ -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 (
|
||||
|
||||
Reference in New Issue
Block a user