74 lines
1.8 KiB
TypeScript
74 lines
1.8 KiB
TypeScript
"use client";
|
|
import axios from "axios";
|
|
import { useEffect } from "react";
|
|
import type { Metadata } from "next";
|
|
import "./globals.css";
|
|
|
|
import { action, createStore, StoreProvider } from "easy-peasy";
|
|
import { useStoreActions } from "@hooks/store";
|
|
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,
|
|
setUser: action((state, payload) => {
|
|
state.user = payload;
|
|
}),
|
|
});
|
|
|
|
function UserFetcher() {
|
|
const setUser = useStoreActions((actions) => actions.setUser);
|
|
|
|
useEffect(() => {
|
|
async function fetchUser() {
|
|
try {
|
|
const response = await axios.post("/api/get-user");
|
|
if (response.status === 200 && response.data.user) {
|
|
setUser(response.data.user);
|
|
} else {
|
|
setUser(null); // Clear user if no user found
|
|
}
|
|
} catch (error) {
|
|
console.error("Error fetching user:", error);
|
|
setUser(null);
|
|
}
|
|
}
|
|
fetchUser();
|
|
}, [setUser]); // Run once on mount
|
|
|
|
return null; // No UI needed
|
|
}
|
|
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`}>
|
|
<UserFetcher></UserFetcher>
|
|
<Navbar></Navbar>
|
|
<div className="flex-1 overflow-y-auto">{children}</div>
|
|
</body>
|
|
</StoreProvider>
|
|
</html>
|
|
);
|
|
}
|