Stellar-PolyMarket/frontend/src/app/layout.tsx at 37c56f8f3271218390c44c7b5f3c61fdf445e690 · Hahfyeex/Stellar-PolyMarket · 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
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
import type { Metadata, Viewport } from "next";
import "./globals.css";
import { BettingSlipProvider } from "../context/BettingSlipContext";
import { WalletProvider } from "../context/WalletContext";
import BettingSlipWrapper from "../components/BettingSlipWrapper";
import ReduxProvider from "../components/ReduxProvider";
import ReactQueryProvider from "../components/ReactQueryProvider";
import SkipLink from "../components/SkipLink";
import ThemeScript from "../components/ThemeScript";
import OfflineBanner from "../components/OfflineBanner";
import KeyboardShortcutsProvider from "../components/KeyboardShortcutsProvider";
import I18nProvider from "../components/I18nProvider";
import { appViewport } from "./viewportConfig";

export const metadata: Metadata = {
  title: "Stella Polymarket",
  description: "Decentralized prediction markets on Stellar",
  manifest: "/manifest.json",
  themeColor: "#2563eb",
  appleWebApp: {
    capable: true,
    statusBarStyle: "black-translucent",
    title: "Stella",
  },
};

export const viewport: Viewport = appViewport;

import { ToastProvider } from "../components/ToastProvider";
import { ChartThemeProvider } from "../components/ChartThemeProvider";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en" suppressHydrationWarning>
      <head>
        {/* Blocking script — sets data-theme before first paint to prevent FOUC */}
        <ThemeScript />
      </head>
      <body>
        <SkipLink />
        <OfflineBanner />
        {/* I18nProvider initialises i18next with dynamic JSON loading and browser locale detection */}
        <I18nProvider>
          <ReduxProvider>
            {/* ReactQueryProvider enables useIPFSMetadata and future query hooks */}
            <ReactQueryProvider>
              {/* WalletProvider lifts wallet state globally so BettingSlip can submit */}
              <WalletProvider>
                <ToastProvider>
                  <BettingSlipProvider>
                    <main id="main-content" role="main" className="mobile-pb">
                      {children}
                    </main>
                    {/* BettingSlip mounted globally — persists across all pages */}
                    <BettingSlipWrapper />
                    {/* Global keyboard shortcuts (B, /, Esc, ?) */}
                    <KeyboardShortcutsProvider />
                  </BettingSlipProvider>
                </ToastProvider>
              </WalletProvider>
            </ReactQueryProvider>
          </ReduxProvider>
        </I18nProvider>
      </body>
    </html>
  );
}