web-humas-fe/components/layout/humas-layout.tsx

36 lines
813 B
TypeScript

"use client";
import React, { Suspense, useEffect, useState } from "react";
import NavbarHumas from "./navbar/NavbarHumas";
import Footer from "../landing/Footer";
import NewsTicker from "../landing/NewsTicker";
import FooterNew from "../landing/footer-new";
interface Props {
children: React.ReactNode;
}
const HumasLayout = ({ children }: Props) => {
const [hasMounted, setHasMounted] = useState(false);
useEffect(() => {
setHasMounted(true);
}, []);
// Render
if (!hasMounted) return null;
return (
<section className="flex flex-col !min-h-screen">
<NavbarHumas size="sm" />
<NavbarHumas size="lg" />
{/* <NewsTicker /> */}
{children}
<Suspense>
<FooterNew margin={false} />
</Suspense>
</section>
);
};
export default HumasLayout;