changed indicator behavior in advanced view

ReStartQ · Feb 17, 2024 · e06c999 · e06c999
1 parent b0296df
commit e06c999
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx b/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx
@@ -1,11 +1,11 @@
-import { Tooltip, Typography } from '@mui/joy';
+import { Tooltip } from '@mui/joy';
 import InfoIcon from '@mui/icons-material/Info';
 import NewReleasesIcon from '@mui/icons-material/NewReleases';
 import React, { useEffect, useState } from 'react';
-import { Box, IconButton } from '@mui/material';
+import { Box, IconButton, Typography } from '@mui/material';
 import MediaProgress from './MediaProgress';
 
-const NextAiringEpisodeIndicator = ({ props }: any) => {
+const NextAiringEpisodeIndicator = ({ props, progress }: any) => {
   const normalise = (value: number) =>
     ((value - 0) * 100) /
     (props.episodes !== null ? props.episodes - 0 : 26 - 0);
@@ -30,21 +30,17 @@ const NextAiringEpisodeIndicator = ({ props }: any) => {
           size="small"
           sx={{
             padding: 0,
-            ml:
-              props.nextAiringEpisode.episode - 1 <=
-              props.mediaListEntry.progress
-                ? 0.5
-                : 0.6,
+            ml: props.nextAiringEpisode.episode - 1 <= progress ? 0.6 : 0.8,
+            my: '1px',
             border:
-              props.nextAiringEpisode.episode - 1 <=
-              props.mediaListEntry.progress
+              props.nextAiringEpisode.episode - 1 <= progress
                 ? '2px solid deepskyblue'
                 : null,
           }}
         >
           <InfoIcon
             sx={{
-              fontSize: '14px',
+              fontSize: '10px',
             }}
           />
         </IconButton>

diff --git a/src/renderer/components/app/etc/ProgressStepper.tsx b/src/renderer/components/app/etc/ProgressStepper.tsx
@@ -157,7 +157,10 @@ export default function ProgressStepper({
       {props.nextAiringEpisode !== null ? (
         <Typography fontSize={12} fontWeight="bold">
           {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
-          {/* <NextAiringEpisodeIndicator props={props} /> */}
+          {/*         <NextAiringEpisodeIndicator
+          props={props}
+          progress={advancedInput.progress}
+          /> */}
         </Typography>
       ) : (
         <Typography fontSize={12} fontWeight="bold">

diff --git a/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx b/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx
@@ -85,7 +85,7 @@ export default function ProgressInput() {
                 ml: 0.5,
                 border:
                   myAdvancedMedia.advancedMedia.nextAiringEpisode.episode - 1 <=
-                  myAdvancedMedia.advancedMedia.mediaListEntry.progress
+                  myAdvancedInput.advancedInput.progress
                     ? '2px solid deepskyblue'
                     : null,
               }}