"use client";

import { Toaster } from "sonner";
import { ModalProvider } from "./modal/provider";
import useRouteChange from "@/lib/hooks/useRouteChange";
import { NDKProvider } from "./ndk";
import SignerProvider from "./signer";
import { RELAYS } from "@/constants";
import { GoogleAnalyticsInit } from "@/lib/analytics";

export function Providers({ children }: { children: React.ReactNode }) {
  const handleRouteChange = (url: string) => {
    const RichHistory = sessionStorage.getItem("RichHistory");
    if (!RichHistory) {
      sessionStorage.setItem("RichHistory", "true");
    }
  };
  useRouteChange(handleRouteChange);
  return (
    <>
      <NDKProvider relayUrls={RELAYS}>
        <SignerProvider>
          <Toaster richColors className="dark:hidden" />
          <Toaster theme="dark" className="hidden dark:block" />
          <ModalProvider>{children}</ModalProvider>
        </SignerProvider>
      </NDKProvider>
      <GoogleAnalyticsInit />
    </>
  );
}