diff --git a/client/src/layouts/DefaultLayout.tsx b/client/src/layouts/DefaultLayout.tsx index 8f11104..4d349ae 100644 --- a/client/src/layouts/DefaultLayout.tsx +++ b/client/src/layouts/DefaultLayout.tsx @@ -19,7 +19,7 @@ const DefaultLayout = () => { return ( <> - + {isMobile ? : } {modal} diff --git a/client/src/layouts/WithFooterLayout.tsx b/client/src/layouts/WithFooterLayout.tsx new file mode 100644 index 0000000..93f369b --- /dev/null +++ b/client/src/layouts/WithFooterLayout.tsx @@ -0,0 +1,33 @@ +/* eslint-disable react-hooks/exhaustive-deps */ +import { Outlet } from "react-router-dom"; +import { isMobile } from "react-device-detect"; +import { FullScreen, useFullScreenHandle } from "react-full-screen"; +import { useEffect } from "react"; +import useModal from "../store/useModal"; +import useFullScreen from "../store/useFullScreen"; +import DesktopHeader from "../components/header/Header/DesktopHeader"; +import MobileHeader from "../components/header/Header/MobileHeader"; +import Footer from "../components/Footer"; + +const WithoutFooterLayout = () => { + const { modal } = useModal(); + const { setOnFullscreen } = useFullScreen(); + const onFullscreenHandle = useFullScreenHandle(); + + useEffect(() => { + setOnFullscreen(onFullscreenHandle); + }, []); + + return ( + <> + + {isMobile ? : } + {modal} + +