34 lines
1.0 KiB
TypeScript
34 lines
1.0 KiB
TypeScript
import type { FC } from "react";
|
|
import React, { Suspense } from "react";
|
|
import { RelayEnvironmentProvider } from "react-relay";
|
|
import { BrowserRouter as Router } from "react-router-dom";
|
|
|
|
import { environment } from "../relay/environment";
|
|
import { Navbar } from "./components/Navbar";
|
|
import { SideNav } from "./components/SideNav";
|
|
import { AppContext } from "./contexts/AppContext";
|
|
import { AuthProvider } from "./contexts/AuthProvider";
|
|
import { Routes } from "./Routes";
|
|
|
|
export const App: FC = () => {
|
|
return (
|
|
<RelayEnvironmentProvider environment={environment}>
|
|
<Suspense fallback="Carregando...">
|
|
<Router>
|
|
<AuthProvider>
|
|
<AppContext>
|
|
<main className="min-h-screen w-full bg-gray-50 flex flex-col">
|
|
<Navbar />
|
|
<div className="flex flex-grow">
|
|
<SideNav />
|
|
<Routes />
|
|
</div>
|
|
</main>
|
|
</AppContext>
|
|
</AuthProvider>
|
|
</Router>
|
|
</Suspense>
|
|
</RelayEnvironmentProvider>
|
|
);
|
|
};
|