import Head from 'next/head'; import { FC, useEffect, useState } from 'react'; import HeaderComponent from '@/components/header'; import FooterComponent from '@/components/footer'; import styles from './layout.module.scss'; import { useRouter } from 'next/router'; import { NEXT_PUBLIC_API_URL } from '@/lib/constants'; import { get } from '@/lib/fetch'; interface SeoGoogleTags { pageTitle?: string; title?: string; description?: string; } interface SeoFacebookTags { type?: string; url?: string; title?: string; description?: string; image?: Record; } interface Layout { type?: 'one' | 'two'; seoGoogleTags?: SeoGoogleTags; seoFacebookTags?: SeoFacebookTags; seoTwitterTags?: SeoFacebookTags; } const MousePointer = () => { return (
) } const LayoutComponent: FC = ({ type, children, seoGoogleTags, seoFacebookTags, seoTwitterTags }) => { const { pathname } = useRouter(); const [socialLinks, setSocialLinks] = useState([]); useEffect(() => { const initialValues = async () => { // const response = await get('social'); const response = await get('acf/v3/options/options'); if (response && !response?.error) { const { data } = response; setSocialLinks(data?.acf?.socialLinks); } const header = document.querySelector('.header'); const footer = document.querySelector('.footer'); if (pathname.includes('work')) { header.querySelector('.header-menu').remove(); header.querySelector('.header-mobile-menu')?.remove(); } header.classList.add('show'); footer.classList.add('show'); }; initialValues(); }, []); useEffect(() => { const mousePointer = document.querySelector('.mouse-pointer') as HTMLElement; document.body.addEventListener('mousemove', (event) => { const x = event.clientX; const y = event.clientY; mousePointer.style.left = `${x - 17}px`; mousePointer.style.top = `${y - 17}px`; }); }, []); return ( <> {seoGoogleTags && <> {seoGoogleTags?.pageTitle && {seoGoogleTags?.pageTitle}} {seoGoogleTags?.title && } {seoGoogleTags?.description && } } {seoFacebookTags && <> {/* {seoFacebookTags?.type && } */} {seoFacebookTags?.type && } {/* {seoFacebookTags?.url && } */} {seoFacebookTags?.title && } {seoFacebookTags?.description && } {seoFacebookTags?.image && } } {seoTwitterTags && <> {/* {seoTwitterTags?.url && } */} {seoTwitterTags?.title && } {seoTwitterTags?.description && } {seoTwitterTags?.image && } }
{children}
); }; export default LayoutComponent;