mirror of
https://github.com/oceanprotocol/status
synced 2025-01-08 04:44:27 +01:00
45 lines
1.1 KiB
TypeScript
45 lines
1.1 KiB
TypeScript
import React, { ReactNode } from 'react'
|
|
import Head from 'next/head'
|
|
import { NextSeo } from 'next-seo'
|
|
import styles from './Layout.module.css'
|
|
import { title, description, url } from '../site.config'
|
|
|
|
export default function Layout({
|
|
children,
|
|
pageTitle = title
|
|
}: {
|
|
children: ReactNode
|
|
pageTitle?: string
|
|
}) {
|
|
return (
|
|
<div className={styles.app}>
|
|
<Head>
|
|
<link rel="icon" href="/icons/icon-96x96.png" />
|
|
<link rel="apple-touch-icon" href="icons/icon-256x256.png" />
|
|
<meta name="theme-color" content="#141414" />
|
|
</Head>
|
|
|
|
<NextSeo
|
|
title={pageTitle}
|
|
description={description}
|
|
canonical={url}
|
|
openGraph={{
|
|
url,
|
|
title,
|
|
description,
|
|
images: [{ url: `${url}/share.png` }],
|
|
// eslint-disable-next-line @typescript-eslint/camelcase
|
|
site_name: title
|
|
}}
|
|
twitter={{
|
|
handle: '@oceanprotocol',
|
|
site: '@oceanprotocol',
|
|
cardType: 'summary_large_image'
|
|
}}
|
|
/>
|
|
|
|
{children}
|
|
</div>
|
|
)
|
|
}
|