111 lines
2.6 KiB
TypeScript
111 lines
2.6 KiB
TypeScript
import './index.css';
|
|
import '@szhsin/react-menu/dist/index.css';
|
|
|
|
import { StrictMode } from 'react';
|
|
import { QueryClient, QueryClientProvider } from 'react-query';
|
|
import * as ReactDOM from 'react-dom/client';
|
|
import { Provider } from 'react-redux'
|
|
import {
|
|
createBrowserRouter,
|
|
RouterProvider,
|
|
} from "react-router-dom";
|
|
|
|
// @ts-expect-error
|
|
import * as serviceWorkerRegistration from 'serviceWorkerRegistration';
|
|
import Store from "State/Store";
|
|
import EventPage from 'Pages/EventPage';
|
|
import Layout from 'Pages/Layout';
|
|
import LoginPage from 'Pages/Login';
|
|
import ProfilePage from 'Pages/ProfilePage';
|
|
import RootPage from 'Pages/Root';
|
|
import NotificationsPage from 'Pages/Notifications';
|
|
import NewUserPage from 'Pages/NewUserPage';
|
|
import SettingsPage, { SettingsRoutes } from 'Pages/SettingsPage';
|
|
import ErrorPage from 'Pages/ErrorPage';
|
|
import VerificationPage from 'Pages/Verification';
|
|
import MessagesPage from 'Pages/MessagesPage';
|
|
import ChatPage from 'Pages/ChatPage';
|
|
import DonatePage from 'Pages/DonatePage';
|
|
import HashTagsPage from 'Pages/HashTagsPage';
|
|
import SearchPage from 'Pages/SearchPage';
|
|
|
|
/**
|
|
* HTTP query provider
|
|
*/
|
|
const HTTP = new QueryClient()
|
|
|
|
serviceWorkerRegistration.register();
|
|
|
|
export const router = createBrowserRouter([
|
|
{
|
|
element: <Layout />,
|
|
errorElement: <ErrorPage />,
|
|
children: [
|
|
{
|
|
path: "/",
|
|
element: <RootPage />
|
|
},
|
|
{
|
|
path: "/login",
|
|
element: <LoginPage />
|
|
},
|
|
{
|
|
path: "/e/:id",
|
|
element: <EventPage />
|
|
},
|
|
{
|
|
path: "/p/:id",
|
|
element: <ProfilePage />
|
|
},
|
|
{
|
|
path: "/notifications",
|
|
element: <NotificationsPage />
|
|
},
|
|
{
|
|
path: "/new",
|
|
element: <NewUserPage />
|
|
},
|
|
{
|
|
path: "/settings",
|
|
element: <SettingsPage />,
|
|
children: SettingsRoutes
|
|
},
|
|
{
|
|
path: "/verification",
|
|
element: <VerificationPage />
|
|
},
|
|
{
|
|
path: "/messages",
|
|
element: <MessagesPage />
|
|
},
|
|
{
|
|
path: "/messages/:id",
|
|
element: <ChatPage />
|
|
},
|
|
{
|
|
path: "/donate",
|
|
element: <DonatePage />
|
|
},
|
|
{
|
|
path: "/t/:tag",
|
|
element: <HashTagsPage />
|
|
},
|
|
{
|
|
path: "/search/:keyword?",
|
|
element: <SearchPage />
|
|
}
|
|
]
|
|
}
|
|
]);
|
|
|
|
const root = ReactDOM.createRoot(document.getElementById('root')!);
|
|
root.render(
|
|
<StrictMode>
|
|
<Provider store={Store}>
|
|
<QueryClientProvider client={HTTP}>
|
|
<RouterProvider router={router} />
|
|
</QueryClientProvider>
|
|
</Provider>
|
|
</StrictMode>
|
|
);
|