fp/packages/next/app/layout.tsx

77 lines
1.8 KiB
TypeScript

import { ReactNode } from 'react'
import Footer from "./components/footer"
import Navbar from "./components/navbar"
import "bulma"
import "../assets/styles/global.css";
import "@fortawesome/fontawesome-svg-core/styles.css";
import { AuthProvider } from './components/auth';
import type { Metadata } from 'next';
import NotificationCenter from './components/notification-center';
// import {
// QueryClientProvider,
// QueryClient
// } from '@tanstack/react-query'
// import NextTopLoader from 'nextjs-toploader';
// import Ipfs from './components/ipfs'; // slows down the page too much
// const queryClient = new QueryClient()
export const metadata: Metadata = {
title: 'Futureporn.net',
description: "The Galaxy's Best VTuber Hentai Site",
other: {
RATING: 'RTA-5042-1996-1400-1577-RTA'
},
metadataBase: new URL('https://futureporn.net'),
twitter: {
site: '@futureporn_net',
creator: '@cj_clippy'
},
alternates: {
types: {
'application/atom+xml': '/feed/feed.xml',
'application/rss+xml': '/feed/rss.xml',
'application/json': '/feed/feed.json'
}
}
}
type Props = {
children: ReactNode;
}
export default function RootLayout({
children,
}: Props) {
return (
<html lang="en">
<body>
{/* <NextTopLoader
color="#ac0722"
initialPosition={0.08}
crawlSpeed={200}
height={3}
crawl={true}
showSpinner={false}
easing="ease"
speed={200}
shadow="0 0 10px #2299DD,0 0 5px #2299DD"
/> */}
<AuthProvider>
{/* <QueryClientProvider client={queryClient}> */}
<Navbar />
<NotificationCenter />
<div className="container">
{children}
<Footer />
</div>
{/* </QueryClientProvider> */}
</AuthProvider>
</body>
</html>
)
}