2021-02-05 09:09:42 +00:00
|
|
|
import Head from 'next/head'
|
|
|
|
|
import favImg from '../assets/img/favicon.png'
|
2021-02-12 13:22:25 +00:00
|
|
|
import logo from '../assets/img/logo.png'
|
2021-02-12 10:23:24 +00:00
|
|
|
import { GA_TRACKING_ID } from './gtag'
|
2021-02-05 09:09:42 +00:00
|
|
|
|
2021-03-30 18:34:40 +00:00
|
|
|
interface LayoutProps {
|
|
|
|
|
pageTitle: string
|
|
|
|
|
}
|
|
|
|
|
|
2023-03-27 08:25:28 +00:00
|
|
|
const Layout: React.FC<LayoutProps> = ({ children, pageTitle }) => {
|
2021-02-05 09:09:42 +00:00
|
|
|
return (
|
|
|
|
|
<div>
|
|
|
|
|
<Head>
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
2021-02-12 13:22:25 +00:00
|
|
|
<meta property="og:title" content="Öppna skolplattformen" />
|
2021-02-17 17:56:05 +00:00
|
|
|
<meta
|
|
|
|
|
name="description"
|
|
|
|
|
content="Öppna Skolplattformen är en app för iOS och Android som gör det enklare för föräldrar att komma åt uppgifter i Skolplattformen."
|
|
|
|
|
/>
|
2021-02-12 13:22:25 +00:00
|
|
|
<meta
|
|
|
|
|
property="og:description"
|
|
|
|
|
content="Öppna Skolplattformen är en app för iOS och Android som gör det enklare för föräldrar att komma åt uppgifter i Skolplattformen."
|
|
|
|
|
/>
|
|
|
|
|
<meta property="og:image" content={logo} />
|
2021-03-30 18:34:40 +00:00
|
|
|
<title>{pageTitle}</title>
|
2021-02-05 09:09:42 +00:00
|
|
|
<link rel="shortcut icon" type="image/png" href={favImg} />
|
2021-02-12 10:23:24 +00:00
|
|
|
<script
|
|
|
|
|
async
|
|
|
|
|
src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
|
|
|
|
|
/>
|
|
|
|
|
<script
|
|
|
|
|
dangerouslySetInnerHTML={{
|
|
|
|
|
__html: `
|
|
|
|
|
window.dataLayer = window.dataLayer || [];
|
|
|
|
|
function gtag(){dataLayer.push(arguments);}
|
|
|
|
|
gtag('js', new Date());
|
|
|
|
|
gtag('config', '${GA_TRACKING_ID}', {
|
|
|
|
|
page_path: window.location.pathname,
|
|
|
|
|
});
|
|
|
|
|
`,
|
|
|
|
|
}}
|
|
|
|
|
/>
|
2021-02-05 09:09:42 +00:00
|
|
|
</Head>
|
|
|
|
|
<div className="page-wrapper" id="wrapper">
|
2021-03-30 18:34:40 +00:00
|
|
|
{children}
|
2021-02-05 09:09:42 +00:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
)
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default Layout
|
