Hata düzeltmeleri

src/components/ceviriler/components.js

@@ -67,7 +67,6 @@ const useStyles = makeStyles((theme) => ({
         },
     },
     BackgroundImageOverlay: {
-        background: theme.palette.background.default,
         //eslint-disable-next-line
         background: `linear-gradient(90deg, ${theme.palette.background.default} 0%, ${theme.palette.background.default} 35%, ${fade(theme.palette.background.default, 0)} 50%)`,
         position: "absolute",

src/components/header/header.js

@@ -218,7 +218,7 @@ export default function MiniDrawer() {
             text: "Sıkça Sorulan Sorular",
             shortText: "SSS",
             link: faqPage,
-            show: process.env.REACT_APP_SSS_PAGE === true ? true : false,
+            show: process.env.REACT_APP_SSS_PAGE === "true" ? true : false,
             icon: <InfoIcon />
         },
         {
@@ -230,8 +230,6 @@ export default function MiniDrawer() {
     ])
 
     useEffect(() => {
-        console.log(ExtraPagesList)
-
         if (ExtraPagesList.length) {
             const newMenus = []
 

src/components/index/featured/featured.js

@@ -63,7 +63,6 @@ const useStyles = makeStyles(theme => ({
     },
     LogoContainer: {
         maxWidth: 400,
-        maxHeight: 200,
         width: "100%"
     },
     GenresContainer: {

src/components/index/latest/latestanimanga.js

@@ -121,7 +121,7 @@ const useStyles = makeStyles(theme => ({
 
 export const LoadingDivAniManga = (key) => {
     return (
-        <Grid key={key} item xs={6} sm={3} md={2} lg={2} xl={1}>
+        <Grid key={key} item xs={4} sm={3} md={2} lg={2} xl={1}>
             <Skeleton width="100%" style={{ paddingBottom: "140%" }} variant="rect" />
         </Grid>
     )

src/components/index/latest/latestmangaepisode.js

@@ -1,7 +1,7 @@
 import React from 'react'
 import propTypes from 'prop-types'
 import { Link } from 'react-router-dom'
-import { episodePage, mangaEpisodePage } from '../../../config/front-routes'
+import { mangaEpisodePage } from '../../../config/front-routes'
 
 import { Grid, Typography, makeStyles } from '@material-ui/core'
 import { grey } from '@material-ui/core/colors'

src/config/episode-link-overrides.js

@@ -1,7 +1,7 @@
 function getParameterByName(name, url) {
     if (!url) url = window.location.href;
     //eslint-disable-next-line
-    name = name.replace(/[\[\]]/g, '\\$&');
+    name = name.replace(/[\[\]]/g, '\\$&'); // lgtm [js/incomplete-sanitization]
     var regex = new RegExp('[?&]' + name + '(=([^&#]*)|&|#|$)'),
         results = regex.exec(url);
     if (!results) return null;

src/config/theming/index.js

@@ -1,4 +1,4 @@
-import { createMuiTheme } from '@material-ui/core/styles';
+import { createMuiTheme, responsiveFontSizes } from '@material-ui/core/styles';
 import merge from 'lodash-es/merge'
 
 import darkTheme from './dark/index'
@@ -80,7 +80,15 @@ const general = {
         defaultMarginMobile: "80px 12px 24px",
         defaultMarginOverride: "-32px -56px -24px",
         defaultMarginMobileOverride: "-24px -12px -24px",
-        defaultBorderRadius: 4
+        defaultBorderRadius: 4,
+        MuiToolbar: {
+            gutters: {
+                ['@media (min-width:600px)']: {
+                    paddingLeft: 29
+                }
+            }
+        }
+
     },
     transitions: {
         duration: {
@@ -97,7 +105,7 @@ export default function getTheme(type) {
     switch (type) {
         case type: {
             const theme = merge(general, type === "dark" ? darkTheme : lightTheme)
-            return createMuiTheme(theme)
+            return responsiveFontSizes(createMuiTheme(theme))
         }
         default:
             return false

src/pages/ara/index.js

@@ -5,7 +5,6 @@ import Metatags from '../../components/helmet/index'
 import TextField from '@material-ui/core/TextField'
 import InfiniteScroll from 'react-infinite-scroll-component'
 import AwesomeDebouncePromise from 'awesome-debounce-promise';
-import LazyLoad from 'react-lazyload';
 
 import axios from '../../config/axios/axios'
 import { getGenresList, getFullSearchList } from '../../config/api-routes'
@@ -57,7 +56,6 @@ const searchGenresAPI = async (data, genres) => {
 const searchGenresAPIDebounced = AwesomeDebouncePromise(searchGenresAPI, 500);
 
 export default function SearchPage(props) {
-    const theme = useTheme()
     const classes = useStyles()
 
     const [offset, setOffset] = useState(1)
@@ -316,7 +314,7 @@ export default function SearchPage(props) {
                                 {genreMappedData}
                             </Grid>
                             :
-                            loadingGenre
+                            loadingGenre // lgtm [js/trivial-conditional]
                                 ?
                                 <Box
                                     mt={1}

src/pages/manga-episode/index.js

@@ -210,8 +210,8 @@ export default function MangaEpisodePage(props) {
                                             className={classes.MainPageImage}
                                             src={mangaPageImage(mangaData.manga_slug, activeEpisodeData.episode_number, activeEpisodeData.pages[(activePageNumber - 1)].filename)}
                                             alt={`${mangaData.manga_name} ${activeEpisodeData.episode_number}. Bölüm ${activePageNumber}. Sayfa`}
-                                            onLoad={image => {
-                                                handleCenteringPage(image)
+                                            onLoad={_ => {
+                                                handleCenteringPage()
                                             }} />
                                         <div className={classes.ImageOverlayContainer}>
                                             <div

src/pages/sss/index.js

@@ -16,7 +16,7 @@ export default function SSSPage() {
     return (
         <>
             {/*Eğer SSS sayfası kapatılmışsa, gelen istekleri ana sayfaya yönlendir*/}
-            {process.env.REACT_APP_SSS_PAGE === true ? "" : <Redirect to="/" />}
+            {process.env.REACT_APP_SSS_PAGE === "true" ? "" : <Redirect to="/" />}
             <Grid container spacing={2}>
                 <Grid item xs={12}>
                     <Box bgcolor="background.paper" boxShadow={2} p={1} textAlign="center">