1.4.5

Author: ReStartQ

CHANGELOG.md

@@ -1,5 +1,13 @@
 # Changes
 
+## 1.4.5
+
+- For currently airing anime, you can now see how many episodes have aired in grid view.
+- Users can now see the notes they write for each media on their list by hovering the comment icon. Added tooltips for notes and on list icons for grid and compact view.
+- Added margin for on list and note icons for a better look.
+- Changed icon for notes from notepad to a comment icon.
+- Removed colons from labels on the main list media cards.
+
 ## 1.4.4
 
 - Changed color of scrollbar back to blue.

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.4.exe**
+   <br/> **Ex: AniCour-Setup-1.4.5.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>

package-lock.json

@@ -124,7 +124,7 @@
     "is-online": "^10.0.0",
     "jotai": "^2.4.2",
     "lodash": "^4.17.21",
-    "material-react-table": "^2.6.1",
+    "material-react-table": "^2.7.0",
     "moment": "^2.29.4",
     "mui-nested-menu": "^3.2.2",
     "react": "^18.2.0",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "anicour",
-  "version": "1.4.4",
+  "version": "1.4.5",
   "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": {

release/app/package-lock.json

@@ -1,6 +1,7 @@
 import AddIcon from '@mui/icons-material/Add';
 import RemoveIcon from '@mui/icons-material/Remove';
-import { IconButton, Typography } from '@mui/material';
+import { IconButton, Tooltip, Typography } from '@mui/material';
+import InfoIcon from '@mui/icons-material/Info';
 import { useTheme } from '@mui/material/styles';
 import { Box } from '@mui/system';
 import { useEffect, useState } from 'react';
@@ -40,9 +41,31 @@ export default function ProgressStepper({
       flexDirection="column"
       sx={{ gridColumn: '1/2' /* userSelect: 'none' */ }}
     >
-      <Typography fontSize={12} fontWeight="bold">
-        {props.type === 'ANIME' ? 'Episodes:' : 'Chapters:'}
-      </Typography>
+      {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>
+      ) : (
+        <Typography fontSize={12} fontWeight="bold">
+          {props.type === 'ANIME' ? 'Episodes' : 'Chapters'}
+        </Typography>
+      )}
+
       <Box
         display="flex"
         flexDirection="row"

release/app/package.json

@@ -36,7 +36,7 @@ export default function ProgressVolumesStepper({
     <>
       <Box display="flex" flexDirection="column" sx={{ gridColumn: '2/3' }}>
         <Typography fontSize={12} fontWeight="bold">
-          Volumes:{' '}
+          Volumes{' '}
         </Typography>
         <Box display="flex" flexDirection="row">
           <IconButton

src/renderer/components/app/etc/ProgressStepper.tsx

@@ -26,7 +26,7 @@ export default function ScoreSelect({
   return (
     <Box display="flex" flexDirection="column" sx={{ gridColumn: '1/2' }}>
       <Typography fontSize={12} fontWeight="bold">
-        Score:{' '}
+        Score{' '}
       </Typography>
       <NativeSelect
         value={advancedInput.score}

src/renderer/components/app/etc/ProgressVolumesStepper.tsx

@@ -1,10 +1,14 @@
 import { SvgIcon } from '@mui/material';
 import PlaylistAddCheckIcon from '@mui/icons-material/PlaylistAddCheck';
+import PlaylistAddCheckCircleIcon from '@mui/icons-material/PlaylistAddCheckCircle';
+import MessageIcon from '@mui/icons-material/Message';
+import CommentIcon from '@mui/icons-material/Comment';
 import CheckCircleIcon from '@mui/icons-material/CheckCircle';
 
 export function MediaIcons({ type }: any) {
   console.log(type);
   if (type === 0) {
+    /*
     return (
       <SvgIcon fontSize="small">
         <svg
@@ -135,10 +139,13 @@ export function MediaIcons({ type }: any) {
         </svg>
       </SvgIcon>
     );
+    */
+    return <CommentIcon />;
   }
 
   if (type === 0.5) {
     // for list table view
+    /*
     return (
       <SvgIcon fontSize="inherit" sx={{ mr: '5px', mt: '1px' }}>
         <svg
@@ -269,6 +276,8 @@ export function MediaIcons({ type }: any) {
         </svg>
       </SvgIcon>
     );
+    */
+    return <CommentIcon fontSize="inherit" sx={{ mr: '5px', mt: '1px' }} />;
   }
 
   return (
@@ -479,7 +488,12 @@ export function OnListIcon({ type }: any) {
     return <PlaylistAddCheckIcon fontSize="small" />;
   }
   if (type === 0.5) {
-    return <CheckCircleIcon sx={{ mr: '5px', mt: '1px' }} fontSize="inherit" />;
+    return (
+      <PlaylistAddCheckCircleIcon
+        sx={{ mr: '5px', mt: '1px' }}
+        fontSize="inherit"
+      />
+    );
   }
   return <SvgIcon />;
 }