diff --git a/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx b/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx index 4151aac..c1c327a 100644 --- 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, }} > diff --git a/src/renderer/components/app/etc/ProgressStepper.tsx b/src/renderer/components/app/etc/ProgressStepper.tsx index 74cdd58..410b049 100644 --- 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 ? ( {props.type === 'ANIME' ? 'Episodes' : 'Chapters'} - {/* */} + {/* */} ) : ( diff --git a/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx b/src/renderer/components/mediaAdvanced/entryInput/onList/ProgressInput.tsx index 2e73208..9955021 100644 --- 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, }}