2024-11-14 01:44:26 +08:00
|
|
|
import { Meta, Outlet, Scripts, ScrollRestoration } from "@remix-run/react";
|
|
|
|
|
import type { LoaderFunction } from "@remix-run/node";
|
|
|
|
|
import { useLoaderData } from "@remix-run/react";
|
|
|
|
|
import { createContext, useContext, ReactNode } from 'react';
|
2024-11-14 23:01:21 +08:00
|
|
|
import { ServiceProvider } from "hooks/servicesProvider";
|
2024-11-12 20:25:43 +08:00
|
|
|
import "./tailwind.css";
|
|
|
|
|
|
|
|
|
|
export function Layout({ children }: { children: React.ReactNode }) {
|
|
|
|
|
return (
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charSet="utf-8" />
|
2024-11-14 01:44:26 +08:00
|
|
|
<meta
|
|
|
|
|
name="viewport"
|
|
|
|
|
content="width=device-width, initial-scale=1"
|
|
|
|
|
/>
|
2024-11-12 20:25:43 +08:00
|
|
|
<Meta />
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
2024-11-14 23:01:21 +08:00
|
|
|
<ServiceProvider>
|
2024-11-14 01:44:26 +08:00
|
|
|
{children}
|
2024-11-14 23:01:21 +08:00
|
|
|
</ServiceProvider>
|
2024-11-12 20:25:43 +08:00
|
|
|
<ScrollRestoration />
|
|
|
|
|
<Scripts />
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default function App() {
|
2024-11-14 01:44:26 +08:00
|
|
|
return (
|
|
|
|
|
<Layout>
|
|
|
|
|
<Outlet />
|
|
|
|
|
</Layout>
|
|
|
|
|
);
|
|
|
|
|
}
|
