Atproto AMA app
1import { MetaProvider, Title } from "@solidjs/meta";
2import { Router } from "@solidjs/router";
3import { FileRoutes } from "@solidjs/start/router";
4import { ErrorBoundary, Suspense } from "solid-js";
5
6import AppErrorBoundary from "~/components/ErrorBoundary";
7import PageSkeleton from "~/components/PageSkeleton";
8import { Header } from "~/components/Header";
9
10import "./app.css";
11
12export default function App() {
13 return (
14 <Router
15 root={(props) => (
16 <MetaProvider>
17 <Title>Askimut</Title>
18 <Header />
19 <ErrorBoundary
20 fallback={(error, reset) => (
21 <AppErrorBoundary error={error} reset={reset} />
22 )}
23 >
24 <Suspense fallback={<PageSkeleton />}>{props.children}</Suspense>
25 </ErrorBoundary>
26 </MetaProvider>
27 )}
28 >
29 <FileRoutes />
30 </Router>
31 );
32}