dca968fdb7
* [#214] Move "reader settings" util functions into new file * [#214] Extract "options" of "ReaderSettings" to new component * [#214] Add component for changing the default reader settings * [#214] Add default "ReaderSettings" to "Settings" * [#214] Use default "ReaderSettings" stored on the server Wait for both "manga" and "defaultSettings" to be loaded. Otherwise, by the time the "manga" response was received, the "defaultSettings" might be still loading and thus, the local fallback "default" settings will get used as the "default settings" * [#214] Save and update "ReaderSettings" options in case they are missing - Manga gets read the first time => save settings in metadata - Default settings get opened the first time => save settings in global metadata
133 lines
4.3 KiB
TypeScript
133 lines
4.3 KiB
TypeScript
/*
|
|
* Copyright (C) Contributors to the Suwayomi project
|
|
*
|
|
* This Source Code Form is subject to the terms of the Mozilla Public
|
|
* License, v. 2.0. If a copy of the MPL was not distributed with this
|
|
* file, You can obtain one at https://mozilla.org/MPL/2.0/. */
|
|
|
|
import { Container } from '@mui/material';
|
|
import CssBaseline from '@mui/material/CssBaseline';
|
|
import AppContext from 'components/context/AppContext';
|
|
import DefaultNavBar from 'components/navbar/DefaultNavBar';
|
|
import React from 'react';
|
|
import {
|
|
Redirect, Route, Switch,
|
|
} from 'react-router-dom';
|
|
import Browse from 'screens/Browse';
|
|
import DownloadQueue from 'screens/DownloadQueue';
|
|
import Extensions from 'screens/Extensions';
|
|
import Library from 'screens/Library';
|
|
import Manga from 'screens/Manga';
|
|
import Reader from 'screens/Reader';
|
|
import SearchAll from 'screens/SearchAll';
|
|
import Settings from 'screens/Settings';
|
|
import About from 'screens/settings/About';
|
|
import Backup from 'screens/settings/Backup';
|
|
import Categories from 'screens/settings/Categories';
|
|
import DefaultReaderSettings from 'screens/settings/DefaultReaderSettings';
|
|
import SourceConfigure from 'screens/SourceConfigure';
|
|
import SourceMangas from 'screens/SourceMangas';
|
|
import Sources from 'screens/Sources';
|
|
import Updates from 'screens/Updates';
|
|
|
|
const App: React.FC = () => (
|
|
<AppContext>
|
|
<CssBaseline />
|
|
<DefaultNavBar />
|
|
<Container
|
|
id="appMainContainer"
|
|
maxWidth={false}
|
|
disableGutters
|
|
sx={{
|
|
mt: 8,
|
|
ml: { sm: 8 },
|
|
mb: { xs: 8, sm: 0 },
|
|
width: 'auto',
|
|
overflow: 'auto',
|
|
}}
|
|
>
|
|
<Switch>
|
|
{/* General Routes */}
|
|
<Route
|
|
exact
|
|
path="/"
|
|
render={() => (
|
|
<Redirect to="/library" />
|
|
)}
|
|
/>
|
|
<Route path="/settings/about">
|
|
<About />
|
|
</Route>
|
|
<Route path="/settings/categories">
|
|
<Categories />
|
|
</Route>
|
|
<Route path="/settings/defaultReaderSettings">
|
|
<DefaultReaderSettings />
|
|
</Route>
|
|
<Route path="/settings/backup">
|
|
<Backup />
|
|
</Route>
|
|
<Route path="/settings">
|
|
<Settings />
|
|
</Route>
|
|
|
|
{/* Manga Routes */}
|
|
|
|
<Route path="/sources/:sourceId/popular/">
|
|
<SourceMangas popular />
|
|
</Route>
|
|
<Route path="/sources/:sourceId/latest/">
|
|
<SourceMangas popular={false} />
|
|
</Route>
|
|
<Route path="/sources/:sourceId/configure/">
|
|
<SourceConfigure />
|
|
</Route>
|
|
<Route path="/sources/all/search/">
|
|
<SearchAll />
|
|
</Route>
|
|
<Route path="/downloads">
|
|
<DownloadQueue />
|
|
</Route>
|
|
<Route path="/manga/:mangaId/chapter/:chapterNum">
|
|
<></>
|
|
</Route>
|
|
<Route path="/manga/:id">
|
|
<Manga />
|
|
</Route>
|
|
<Route path="/library">
|
|
<Library />
|
|
</Route>
|
|
<Route path="/updates">
|
|
<Updates />
|
|
</Route>
|
|
<Route path="/sources">
|
|
<Sources />
|
|
</Route>
|
|
<Route path="/extensions">
|
|
<Extensions />
|
|
</Route>
|
|
<Route path="/browse">
|
|
<Browse />
|
|
</Route>
|
|
</Switch>
|
|
</Container>
|
|
<Switch>
|
|
<Route
|
|
path="/manga/:mangaId/chapter/:chapterIndex"
|
|
// passing a key re-mounts the reader
|
|
// when changing chapters
|
|
render={(props: any) => (
|
|
<Reader
|
|
key={
|
|
props.match.params
|
|
.chapterIndex
|
|
}
|
|
/>
|
|
)}
|
|
/>
|
|
</Switch>
|
|
</AppContext>
|
|
);
|
|
|
|
export default App;
|