1.4.6

ReStartQ · Jan 27, 2024 · 5a0d4a7 · 5a0d4a7
1 parent beeef6c
commit 5a0d4a7
Show file tree

Hide file tree

Showing 17 changed files with 195 additions and 40 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,11 @@
 # Changes
 
+## 1.4.6
+
+-Advanced anime window now shows an info icon w/ tooltip showing number of episodes aired for currently releasing anime.
+-Light blue outline will show up when the user is caught up with episodes of currently airing anime.
+-Tooltips except for the top sidebar ones are now all outlined blue.
+
 ## 1.4.5
 
 - For currently airing anime, you can now see how many episodes have aired in grid view.

diff --git a/README.md b/README.md
@@ -49,7 +49,7 @@ You can download the app [here](https://github.com/ReStartQ/AniCour/releases). C
 
 1. Download the setup file from the latest release and install it on your computer.
 2. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x denotes a number for the version.
-   <br/> **Ex: AniCour-Setup-1.4.5.exe**
+   <br/> **Ex: AniCour-Setup-1.4.6.exe**
 3. When you run the exe file, Windows will give a message like below because there is no code signing certificate, click on "More info" <p align="center"><a href="#"><img src="https://github.com/ReStartQ/anicour/blob/main/images/help/AniCourNoCodeSigningInitial.png" alt="Hello" /></a></p>
 4. A new option will appear, "Run anyway". Click on it. <p align="center"><a href="#"><img src="https://github.com/ReStartQ/anicour/blob/main/images/help/AniCourNoCodeSigning.png" alt="Hello" /></a></p>
 5. The installer menu will open up to allow you to install it on your computer. <p align="center"><a href="#"><img src="https://github.com/ReStartQ/anicour/blob/main/images/help/AniCourInstallationMenu2.png" alt="Hello" /></a></p>

diff --git a/release/app/package-lock.json b/release/app/package-lock.json
diff --git a/release/app/package.json b/release/app/package.json
@@ -1,6 +1,6 @@
 {
   "name": "anicour",
-  "version": "1.4.5",
+  "version": "1.4.6",
   "description": "Anime, Manga, and Light Novel Tracker Desktop Application for Windows. A fast and interactive way for AniList users to track and manage their anime/manga lists. ",
   "license": "GPL-3.0",
   "author": {

diff --git a/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx b/src/renderer/components/app/etc/NextAiringEpisodeIndicator.tsx
@@ -0,0 +1,51 @@
+import { Tooltip, Typography } from '@mui/joy';
+import InfoIcon from '@mui/icons-material/Info';
+import NewReleasesIcon from '@mui/icons-material/NewReleases';
+import React from 'react';
+import { Box, IconButton } from '@mui/material';
+
+const NextAiringEpisodeIndicator = ({ props }: any) => {
+  return (
+    <Box display="flex" flexDirection="row">
+      <Typography fontSize={12} fontWeight="bold">
+        {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+      </Typography>
+      <Tooltip
+        title={
+          props.nextAiringEpisode.episode === 0
+            ? `${props.nextAiringEpisode.episode} episodes aired`
+            : `${props.nextAiringEpisode.episode - 1} episodes aired`
+        }
+        arrow
+        variant="outlined"
+        color="primary"
+        placement="top"
+      >
+        <IconButton
+          size="small"
+          sx={{
+            padding: 0,
+            ml:
+              props.nextAiringEpisode.episode - 1 <=
+              props.mediaListEntry.progress
+                ? 0.5
+                : 0.6,
+            border:
+              props.nextAiringEpisode.episode - 1 <=
+              props.mediaListEntry.progress
+                ? '2px solid deepskyblue'
+                : null,
+          }}
+        >
+          <InfoIcon
+            sx={{
+              fontSize: '14px',
+            }}
+          />
+        </IconButton>
+      </Tooltip>
+    </Box>
+  );
+};
+
+export default NextAiringEpisodeIndicator;
diff --git a/src/renderer/components/app/etc/ProgressStepper.tsx b/src/renderer/components/app/etc/ProgressStepper.tsx
@@ -2,10 +2,12 @@ import AddIcon from '@mui/icons-material/Add';
 import RemoveIcon from '@mui/icons-material/Remove';
 import { IconButton, Tooltip, Typography } from '@mui/material';
 import InfoIcon from '@mui/icons-material/Info';
+import NewReleasesIcon from '@mui/icons-material/NewReleases';
 import { useTheme } from '@mui/material/styles';
 import { Box } from '@mui/system';
 import { useEffect, useState } from 'react';
 import { formatProgress } from 'renderer/functions/edit/formatInfo';
+import NextAiringEpisodeIndicator from './NextAiringEpisodeIndicator';
 
 export default function ProgressStepper({
   props,
@@ -42,24 +44,7 @@ export default function ProgressStepper({
       sx={{ gridColumn: '1/2' /* userSelect: 'none' */ }}
     >
       {props.nextAiringEpisode !== null ? (
-        <Box display="flex" flexDirection="row">
-          <Typography fontSize={12} fontWeight="bold">
-            {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
-          </Typography>
-          <Tooltip
-            title={
-              props.nextAiringEpisode.episode === 0
-                ? `${props.nextAiringEpisode.episode} episodes aired`
-                : `${props.nextAiringEpisode.episode - 1} episodes aired`
-            }
-            arrow
-            placement="top"
-          >
-            <IconButton size="small" sx={{ padding: 0, ml: 0.5 }}>
-              <InfoIcon sx={{ fontSize: '14px' }} />
-            </IconButton>
-          </Tooltip>
-        </Box>
+        <NextAiringEpisodeIndicator props={props} />
       ) : (
         <Typography fontSize={12} fontWeight="bold">
           {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
@@ -105,3 +90,40 @@ export default function ProgressStepper({
     </Box>
   );
 }
+
+/*
+      {props.nextAiringEpisode !== null ? (
+        <Box display="flex" flexDirection="row">
+          <Typography fontSize={12} fontWeight="bold">
+            {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+          </Typography>
+          <Tooltip
+            title={
+              props.nextAiringEpisode.episode === 0
+                ? `${props.nextAiringEpisode.episode} episodes aired`
+                : `${props.nextAiringEpisode.episode - 1} episodes aired`
+            }
+            arrow
+            placement="top"
+          >
+            <IconButton size="small" sx={{ padding: 0, ml: 0.5 }}>
+              <InfoIcon
+                sx={{
+                  fontSize: '14px',
+                  color:
+                    props.nextAiringEpisode.episode - 1 <=
+                    props.mediaListEntry.progress
+                      ? '#4CBB17'
+                      : 'white',
+
+                    }}
+                    />
+                  </IconButton>
+                </Tooltip>
+              </Box>
+            ) : (
+              <Typography fontSize={12} fontWeight="bold">
+                {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+              </Typography>
+            )}
+*/
diff --git a/src/renderer/components/app/main/MediaCard.tsx b/src/renderer/components/app/main/MediaCard.tsx
@@ -5,7 +5,6 @@ import {
   IconButton,
   Snackbar,
   SvgIcon,
-  Tooltip,
 } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
@@ -45,6 +44,7 @@ import {
 } from 'renderer/store';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
 import { useCategory } from 'renderer/context/CategoryContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 import ProgressStepper from '../etc/ProgressStepper';
 import ProgressVolumesStepper from '../etc/ProgressVolumesStepper';
@@ -283,7 +283,12 @@ export default function MediaCard({ props }: any) {
           }}
         />
         {props.mediaListEntry.notes !== null ? (
-          <Tooltip title={props.mediaListEntry.notes} arrow>
+          <Tooltip
+            title={props.mediaListEntry.notes}
+            arrow
+            variant="outlined"
+            color="primary"
+          >
             <Box
               sx={{
                 position: 'absolute',

diff --git a/src/renderer/components/app/main/MediaCardCompact.tsx b/src/renderer/components/app/main/MediaCardCompact.tsx
@@ -1,4 +1,4 @@
-import { CardActionArea, Tooltip, Typography } from '@mui/material';
+import { CardActionArea, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -7,6 +7,7 @@ import { useTitle } from 'renderer/context/TitleContext';
 import getStatusColor from 'renderer/functions/StatusFunction';
 import { getTitle } from 'renderer/functions/view/TitlePreferenceFunctions';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenuAlternative from '../etc/ContextMenuAlternative';
 import ContextMenu from '../etc/ContextMenu';
 import { MediaIcons } from '../etc/SvgIcons';
@@ -68,7 +69,12 @@ export default function MediaCardCompact({ props }: any) {
           }}
         />
         {props.mediaListEntry.notes !== null ? (
-          <Tooltip title={props.mediaListEntry.notes} arrow>
+          <Tooltip
+            title={props.mediaListEntry.notes}
+            arrow
+            variant="outlined"
+            color="primary"
+          >
             <Box
               sx={{
                 position: 'absolute',

diff --git a/src/renderer/components/app/search/FilterSelect.tsx b/src/renderer/components/app/search/FilterSelect.tsx
@@ -7,8 +7,9 @@ import FilterAltIcon from '@mui/icons-material/FilterAlt';
 import FilterListIcon from '@mui/icons-material/FilterList';
 import { useAtom } from 'jotai';
 import { filterTypeAtom } from 'renderer/store';
-import { Box, Tooltip } from '@mui/material';
+import { Box } from '@mui/material';
 import { useSidebarButton } from 'renderer/context/SidebarContext';
+import { Tooltip } from '@mui/joy';
 import { StyledMenu } from '../styled/StyledComponents';
 
 const options = [
@@ -51,6 +52,8 @@ export default function FilterSelect() {
           filterType === 'All' ? 'Filter by' : `Filtered by: ${filterType}`
         }
         arrow
+        variant="outlined"
+        color="primary"
       >
         <IconButton
           aria-label="more"

diff --git a/src/renderer/components/app/search/SearchMediaCard.tsx b/src/renderer/components/app/search/SearchMediaCard.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip } from '@mui/material';
+import { CardActionArea } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
@@ -25,6 +25,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useSearchQuery } from 'renderer/functions/SearchFunctions';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export default function SearchMediaCard({ props }: any) {
@@ -106,7 +107,7 @@ export default function SearchMediaCard({ props }: any) {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',

diff --git a/src/renderer/components/app/search/SearchMediaCardCompact.tsx b/src/renderer/components/app/search/SearchMediaCardCompact.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip, Typography } from '@mui/material';
+import { CardActionArea, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -15,6 +15,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useSearchQuery } from 'renderer/functions/SearchFunctions';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export default function SearchMediaCardCompact({ props }: any) {
@@ -123,7 +124,7 @@ export default function SearchMediaCardCompact({ props }: any) {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',

diff --git a/src/renderer/components/app/seasons/SeasonMediaCard.tsx b/src/renderer/components/app/seasons/SeasonMediaCard.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip } from '@mui/material';
+import { CardActionArea } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardContent from '@mui/material/CardContent';
@@ -23,6 +23,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAniListUsername } from 'renderer/context/services/AniListUsernameContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export const SeasonMediaCard = ({ props }: any) => {
@@ -84,6 +85,7 @@ export const SeasonMediaCard = ({ props }: any) => {
   return (
     <Card
       variant="outlined"
+      color="primary"
       sx={{
         display: 'grid',
         gridTemplateColumns: '140px 220px',
@@ -122,7 +124,7 @@ export const SeasonMediaCard = ({ props }: any) => {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',

diff --git a/src/renderer/components/app/seasons/SeasonMediaCardCompact.tsx b/src/renderer/components/app/seasons/SeasonMediaCardCompact.tsx
@@ -1,6 +1,6 @@
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
 import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
-import { CardActionArea, Tooltip, Typography } from '@mui/material';
+import { CardActionArea, Typography } from '@mui/material';
 import Box from '@mui/material/Box';
 import Card from '@mui/material/Card';
 import CardMedia from '@mui/material/CardMedia';
@@ -19,6 +19,7 @@ import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
 import { useAniListUsername } from 'renderer/context/services/AniListUsernameContext';
 import { useAdult } from 'renderer/context/AdultContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
+import { Tooltip } from '@mui/joy';
 import ContextMenu from '../etc/ContextMenu';
 
 export default function SeasonMediaCardCompact({ props }: any) {
@@ -76,6 +77,7 @@ export default function SeasonMediaCardCompact({ props }: any) {
   return (
     <Card
       variant="outlined"
+      color="primary"
       sx={{
         width: '140px',
         height: '200px',
@@ -105,7 +107,7 @@ export default function SeasonMediaCardCompact({ props }: any) {
           }}
         />
         {props.mediaListEntry !== null ? (
-          <Tooltip title="On List" arrow>
+          <Tooltip title="On List" arrow variant="outlined" color="primary">
             <PlaylistAddCheckCircleIcon
               sx={{
                 position: 'absolute',