55 lines
1.3 KiB
TypeScript
55 lines
1.3 KiB
TypeScript
"use client";
|
|
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
|
|
import { action, createStore, StoreProvider } from "easy-peasy";
|
|
import { Inter } from "next/font/google";
|
|
|
|
import { StoreModel } from "@appTypes/StoreModel";
|
|
import Navbar from "@components/Navbar";
|
|
|
|
const inter = Inter({
|
|
subsets: ["latin"],
|
|
variable: "--font-inter",
|
|
});
|
|
|
|
const store = createStore<StoreModel>({
|
|
currency: {
|
|
selectedCurrency: "EUR",
|
|
setSelectedCurrency: action((state, payload) => {
|
|
state.selectedCurrency = payload;
|
|
}),
|
|
currencies: ["GBP", "USD", "EUR"],
|
|
conversionRates: { GBP: 0.85, USD: 1.14, EUR: 1 },
|
|
tickers: { GBP: "£", USD: "$", EUR: "€" },
|
|
},
|
|
user: null,
|
|
// user: {
|
|
// id: 123456,
|
|
// createdAt: new Date(8.64e15),
|
|
// email: "tim.howitz@dyson.com",
|
|
// passwordHash: "",
|
|
// name: "Tim Howitz",
|
|
// role: "ADMIN",
|
|
// scientist: undefined,
|
|
// purchasedArtefacts: [],
|
|
// },
|
|
});
|
|
|
|
export default function RootLayout({
|
|
children,
|
|
}: Readonly<{
|
|
children: React.ReactNode;
|
|
}>) {
|
|
return (
|
|
<html lang="en">
|
|
<StoreProvider store={store}>
|
|
<body className={`${inter.variable} h-[calc(100vh-3.5rem)] flex flex-col min-h-screen antialiased`}>
|
|
<Navbar></Navbar>
|
|
<div className="flex-1 overflow-y-auto">{children}</div>
|
|
</body>
|
|
</StoreProvider>
|
|
</html>
|
|
);
|
|
}
|