mirror of
https://github.com/movie-web/movie-web.git
synced 2024-06-13 08:58:54 +02:00
27 lines
700 B
TypeScript
27 lines
700 B
TypeScript
import { Banner } from "@/components/Banner";
|
|
import { useBannerSize } from "@/hooks/useBanner";
|
|
import { useIsOnline } from "@/hooks/usePing";
|
|
import { ReactNode } from "react";
|
|
import { useTranslation } from "react-i18next";
|
|
|
|
export function Layout(props: { children: ReactNode }) {
|
|
const { t } = useTranslation();
|
|
const isOnline = useIsOnline();
|
|
const bannerSize = useBannerSize();
|
|
|
|
return (
|
|
<div>
|
|
<div className="fixed inset-x-0 z-[1000]">
|
|
{!isOnline ? <Banner type="error">{t("errors.offline")}</Banner> : null}
|
|
</div>
|
|
<div
|
|
style={{
|
|
paddingTop: `${bannerSize}px`,
|
|
}}
|
|
>
|
|
{props.children}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|