better reader title, next, prev buttons

This commit is contained in:
Aria Moradi
2021-08-29 01:57:46 +04:30
parent cf71f16ea9
commit f5a88d98af
2 changed files with 7 additions and 9 deletions

View File

@@ -147,11 +147,12 @@ interface IProps {
settings: IReaderSettings settings: IReaderSettings
setSettings: React.Dispatch<React.SetStateAction<IReaderSettings>> setSettings: React.Dispatch<React.SetStateAction<IReaderSettings>>
manga: IManga | IMangaCard manga: IManga | IMangaCard
chapter: IChapter | IPartialChpter chapter: IChapter
curPage: number curPage: number
} }
export default function ReaderNavBar(props: IProps) { export default function ReaderNavBar(props: IProps) {
// eslint-disable-next-line @typescript-eslint/no-unused-vars
const { title } = useContext(NavBarContext); const { title } = useContext(NavBarContext);
const history = useHistory(); const history = useHistory();
@@ -216,7 +217,8 @@ export default function ReaderNavBar(props: IProps) {
<CloseIcon /> <CloseIcon />
</IconButton> </IconButton>
<Typography variant="h1"> <Typography variant="h1">
{title} {/* {title} */}
{chapter.name}
</Typography> </Typography>
{!settings.staticNav {!settings.staticNav
&& ( && (
@@ -347,9 +349,7 @@ export default function ReaderNavBar(props: IProps) {
variant="outlined" variant="outlined"
startIcon={<KeyboardArrowLeftIcon />} startIcon={<KeyboardArrowLeftIcon />}
> >
Chapter Prev. Chapter
{' '}
{chapter.index - 1}
</Button> </Button>
</Link> </Link>
)} )}
@@ -363,9 +363,7 @@ export default function ReaderNavBar(props: IProps) {
variant="outlined" variant="outlined"
endIcon={<KeyboardArrowRightIcon />} endIcon={<KeyboardArrowRightIcon />}
> >
Chapter Next Chapter
{' '}
{chapter.index + 1}
</Button> </Button>
</Link> </Link>
)} )}

View File

@@ -95,7 +95,7 @@ export default function Reader() {
settings={settings} settings={settings}
setSettings={setSettings} setSettings={setSettings}
manga={manga} manga={manga}
chapter={chapter} chapter={chapter as IChapter}
curPage={curPage} curPage={curPage}
/> />
), ),