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