laboratory/src/app/layout.tsx at 1b5f72ed9cdf0cc7dd20a4f6ce9f4e8550d7c0c3 · stellar/laboratory · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
import React, { Suspense } from "react";
import type { Metadata } from "next";

import { LayoutMain } from "@/components/layout/LayoutMain";
import { LayoutContextProvider } from "@/components/layout/LayoutContextProvider";
import { DynamicWalletKitProvider } from "@/components/WalletKit/DynamicWalletKitProvider";
import { CustomAiButton } from "@/components/CustomAiButton";

import { QueryProvider } from "@/query/QueryProvider";
import { StoreProvider } from "@/store/StoreProvider";
import { GoogleAnalytics } from "@/metrics/GoogleAnalytics";

import "@stellar/design-system/build/styles.min.css";
import "@/styles/globals.scss";

export const metadata: Metadata = {
  title: "Stellar Lab",
  description:
    "Explore Stellar Lab: Build, sign, and submit transactions. Access tools, Stellar RPC, Horizon, and more. Enhance your skills with Stellar Quest.",
};

// Automatically generates nonce for script and style tags
export const dynamic = "force-dynamic";

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        <Suspense>
          <div id="root">
            <StoreProvider>
              <QueryProvider>
                <LayoutContextProvider>
                  <DynamicWalletKitProvider>
                    <LayoutMain>{children}</LayoutMain>
                  </DynamicWalletKitProvider>
                  <CustomAiButton />
                </LayoutContextProvider>
              </QueryProvider>
            </StoreProvider>
          </div>
          <GoogleAnalytics />
        </Suspense>
      </body>
    </html>
  );
}