Rishi Ghan
9ab15df0a8
* ⚡️ Refactored VolumeDetail page to use react-query * 🎨 Added some icons to tabs * 📚 Wired up story arc fetching * ✅ Added status checks * 🍇 Added some integration for issues * 🔍 Improvements to CV search results * 🔍 Refining CV search UX * 🌍 Added i18n lib * 🔍 CV search metadata wrangling * 🔧 Refactored Wanted component Included # of issues in a wanted volume * 🔧 Refactoring DC++ search/download * 🔧 Refactored AirDC++ init in store * 🏗️ Automatic downloads WIP * 🏗️ Modified the Dockerfile
54 lines
2.0 KiB
TypeScript
54 lines
2.0 KiB
TypeScript
import React from "react";
|
|
import { render } from "react-dom";
|
|
import { createRoot } from "react-dom/client";
|
|
import App from "./components/App";
|
|
import { createBrowserRouter, RouterProvider } from "react-router-dom";
|
|
import Settings from "./components/Settings/Settings";
|
|
import { ErrorPage } from "./components/shared/ErrorPage";
|
|
const rootEl = document.getElementById("root");
|
|
const root = createRoot(rootEl);
|
|
import i18n from "./shared/utils/i18n.util";
|
|
import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
|
|
import Import from "./components/Import/Import";
|
|
import Dashboard from "./components/Dashboard/Dashboard";
|
|
import Search from "./components/Search/Search";
|
|
import TabulatedContentContainer from "./components/Library/TabulatedContentContainer";
|
|
import { ComicDetailContainer } from "./components/ComicDetail/ComicDetailContainer";
|
|
import Volumes from "./components/Volumes/Volumes";
|
|
import VolumeDetails from "./components/VolumeDetail/VolumeDetail";
|
|
import WantedComics from "./components/WantedComics/WantedComics";
|
|
|
|
const queryClient = new QueryClient();
|
|
|
|
const router = createBrowserRouter([
|
|
{
|
|
path: "/",
|
|
element: <App />,
|
|
errorElement: <ErrorPage />,
|
|
children: [
|
|
{ path: "/", element: <Dashboard /> },
|
|
{ path: "dashboard", element: <Dashboard /> },
|
|
{ path: "settings", element: <Settings /> },
|
|
{
|
|
path: "library",
|
|
element: <TabulatedContentContainer category="library" />,
|
|
},
|
|
{
|
|
path: "comic/details/:comicObjectId",
|
|
element: <ComicDetailContainer />,
|
|
},
|
|
{ path: "import", element: <Import path={"./comics"} /> },
|
|
{ path: "search", element: <Search /> },
|
|
{ path: "volume/details/:comicObjectId", element: <VolumeDetails /> },
|
|
{ path: "volumes", element: <Volumes /> },
|
|
{ path: "wanted", element: <WantedComics /> },
|
|
],
|
|
},
|
|
]);
|
|
|
|
root.render(
|
|
<QueryClientProvider client={queryClient}>
|
|
<RouterProvider router={router} />
|
|
</QueryClientProvider>,
|
|
);
|