import React, { ReactElement } from 'react' import Head from 'next/head' import { isBrowser } from '@utils/index' import { useMarketMetadata } from '@context/MarketMetadata' import { DatasetSchema } from './DatasetSchema' export default function Seo({ title, description, uri }: { title?: string description?: string uri: string }): ReactElement { const { siteContent } = useMarketMetadata() // Remove trailing slash from all URLs const canonical = `${siteContent?.siteUrl}${uri}`.replace(/\/$/, '') const pageTitle = title ? `${title} - ${siteContent?.siteTitle}` : `${siteContent?.siteTitle} — ${siteContent?.siteTagline}` const datasetSchema = DatasetSchema() return ( {pageTitle} {isBrowser && window?.location?.hostname !== 'market.oceanprotocol.com' && ( )} {isBrowser && window?.location?.hostname === 'market.oceanprotocol.com' && ( )} {datasetSchema && ( )} ) }