"use client";
import React, { useMemo } from "react";
import Script from "next/script";
import { Provider } from "@/components/ui/provider";
import {
UrqlProvider,
ssrExchange,
cacheExchange,
fetchExchange,
createClient
} from "@urql/next";
export default function RootLayout({
children
}: Readonly<{
children: React.ReactNode;
}>) {
const [client, ssr] = useMemo(() => {
const ssr = ssrExchange({
isClient: typeof window !== "undefined"
});
const client = createClient({
url: "/api/graphql",
exchanges: [cacheExchange, ssr, fetchExchange],
suspense: true,
fetchOptions: {
headers: {
"x-api-key":
process.env?.API_TOKEN || process.env?.NEXT_PUBLIC_API_TOKEN || ""
}
}
});
return [client, ssr];
}, []);
const title = "Anti Nazi-Sites Bot Stats";
const description =
"A website to display various stats for the Anti Nazi-Sites bot for Telegram. Developed and maintained by Werewolf Kid Creations.";
const url = "https://bot-stats.werewolfkid.monster";
const img = "/images/SPD-arrows.svg";
const domain = "werewolfkid.monster";
return (
{title}
{children}
);
}