handle reader types

webUI/react/src/components/reader/Page.tsx

@@ -27,7 +27,7 @@ const useStyles = (settings: IReaderSettings) => makeStyles({
     },
     image: {
         display: 'block',
-        marginBottom: settings.continuesPageGap ? '15px' : 0,
+        marginBottom: settings.readerType === 'ContinuesVertical' ? '15px' : 0,
         minWidth: '50vw',
         width: '100%',
         maxWidth: '100%',

webUI/react/src/components/reader/PagedReader.tsx

@@ -14,14 +14,7 @@ const useStyles = makeStyles({
     },
 });
 
-interface IProps {
-    pages: Array<IReaderPage>
-    setCurPage: React.Dispatch<React.SetStateAction<number>>
-    curPage: number
-    settings: IReaderSettings
-}
-
-export default function SinglePageReader(props: IProps) {
+export default function PagedReader(props: IReaderProps) {
     const {
         pages, settings, setCurPage, curPage,
     } = props;

webUI/react/src/components/reader/VerticalReader.tsx

@@ -13,13 +13,7 @@ const useStyles = makeStyles({
     },
 });
 
-interface IProps {
-    pages: Array<IReaderPage>
-    setCurPage: React.Dispatch<React.SetStateAction<number>>
-    settings: IReaderSettings
-}
-
-export default function VerticalReader(props: IProps) {
+export default function VerticalReader(props: IReaderProps) {
     const { pages, settings, setCurPage } = props;
 
     const classes = useStyles();