wip

2023-06-24 18:31:40 +07:00
parent 21d22320b3
commit 85b30f770c
102 changed files with 1844 additions and 2014 deletions
--- a/src/app.tsx
+++ b/src/app.tsx
@@ -0,0 +1,91 @@
+import "./index.css";
+import { AuthCreateScreen } from "@app/auth/create";
+import { CreateStep1Screen } from "@app/auth/create/step-1";
+import { CreateStep2Screen } from "@app/auth/create/step-2";
+import { CreateStep3Screen } from "@app/auth/create/step-3";
+import { CreateStep4Screen } from "@app/auth/create/step-4";
+import { AuthImportScreen } from "@app/auth/import";
+import { ImportStep1Screen } from "@app/auth/import/step-1";
+import { ImportStep2Screen } from "@app/auth/import/step-2";
+import { OnboardingScreen } from "@app/auth/onboarding";
+import { WelcomeScreen } from "@app/auth/welcome";
+import { ChannelScreen } from "@app/channel";
+import { ChatScreen } from "@app/chat";
+import { ErrorScreen } from "@app/error";
+import { Root } from "@app/root";
+import { SpaceScreen } from "@app/space";
+import { TrendingScreen } from "@app/trending";
+import { AppLayout } from "@shared/appLayout";
+import { AuthLayout } from "@shared/authLayout";
+import { Protected } from "@shared/protected";
+import { RelayProvider } from "@shared/relayProvider";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { RouterProvider, createBrowserRouter } from "react-router-dom";
+
+const router = createBrowserRouter([
+	{
+		path: "/",
+		element: (
+			<Protected>
+				<Root />
+			</Protected>
+		),
+		errorElement: <ErrorScreen />,
+	},
+	{
+		path: "/auth",
+		element: <AuthLayout />,
+		children: [
+			{ path: "welcome", element: <WelcomeScreen /> },
+			{ path: "onboarding", element: <OnboardingScreen /> },
+			{
+				path: "import",
+				element: <AuthImportScreen />,
+				children: [
+					{ path: "", element: <ImportStep1Screen /> },
+					{ path: "step-2", element: <ImportStep2Screen /> },
+				],
+			},
+			{
+				path: "create",
+				element: <AuthCreateScreen />,
+				children: [
+					{ path: "", element: <CreateStep1Screen /> },
+					{ path: "step-2", element: <CreateStep2Screen /> },
+					{ path: "step-3", element: <CreateStep3Screen /> },
+					{ path: "step-4", element: <CreateStep4Screen /> },
+				],
+			},
+		],
+	},
+	{
+		path: "/app",
+		element: (
+			<Protected>
+				<AppLayout />
+			</Protected>
+		),
+		children: [
+			{ path: "space", element: <SpaceScreen /> },
+			{ path: "trending", element: <TrendingScreen /> },
+			{ path: "chat/:pubkey", element: <ChatScreen /> },
+			{ path: "channel/:id", element: <ChannelScreen /> },
+		],
+	},
+]);
+
+const queryClient = new QueryClient();
+
+export default function App() {
+	return (
+		<QueryClientProvider client={queryClient}>
+			<RelayProvider>
+				<RouterProvider
+					router={router}
+					fallbackElement={<p>Loading..</p>}
+					future={{ v7_startTransition: true }}
+				/>
+			</RelayProvider>
+		</QueryClientProvider>
+	);
+}