24 lines
544 B
TypeScript
24 lines
544 B
TypeScript
import { FullScreen, useFullScreenHandle } from "react-full-screen";
|
|
import { useEffect } from "react";
|
|
import { Outlet } from "react-router-dom";
|
|
import useStore from "../store/store";
|
|
|
|
const Layout = () => {
|
|
const { loader, setOnFullscreen, modal } = useStore();
|
|
const onFullscreenHandle = useFullScreenHandle();
|
|
|
|
useEffect(() => {
|
|
setOnFullscreen(onFullscreenHandle);
|
|
}, []);
|
|
|
|
return (
|
|
<FullScreen handle={onFullscreenHandle}>
|
|
{modal}
|
|
{loader}
|
|
<Outlet />
|
|
</FullScreen>
|
|
);
|
|
};
|
|
|
|
export default Layout;
|