Files
Calbook/components/booking/embed-mode.tsx

25 lines
707 B
TypeScript

"use client";
import { useEffect } from "react";
export function EmbedMode({ enabled }: { enabled: boolean }) {
useEffect(() => {
if (!enabled) return;
const header = document.querySelector("body > div > header, body > div > div > header");
const footer = document.querySelector("body > div > footer, body > div > div > footer");
if (header) header.classList.add("hidden");
if (footer) footer.classList.add("hidden");
document.body.classList.add("bg-white");
return () => {
if (header) header.classList.remove("hidden");
if (footer) footer.classList.remove("hidden");
document.body.classList.remove("bg-white");
};
}, [enabled]);
return null;
}