1.5.1

ReStartQ · May 12, 2024 · 848d23e · 848d23e
1 parent 671fd4b
commit 848d23e
Show file tree

Hide file tree

Showing 11 changed files with 98 additions and 12 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,16 @@
 # Changes
 
+## 1.5.1
+
+- Changed list table header and container colors.
+- Highlighted list table row color is now darker for better visibility.
+- Notes icon is now matching for all views (grid, compact, list).
+- New repeat icon is now shown to indicate rewatching/rereading media.
+  **Below are the requirements for the repeat icon to show up on a specific media:**
+
+1. The repeat icon will only show on media that are outside of the completed tab.
+2. For a media to be considered rewatching/rereading, the media must have a completed date or have a total rewatch/reread count greater than 0. It only needs to fulfill **ONE** of these requirements **(complete date or count requirement)**.
+
 ## 1.5.0
 
 ### Main Changes

diff --git a/README.md b/README.md
@@ -38,7 +38,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.5.0.exe**
+   <br/> **Ex: AniCour-Setup-1.5.1.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://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" /></a></p>
 4. A new option will appear, "Run anyway". Click on it. <p align="center"><a href="#"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigning.png" /></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://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourInstallationMenu2.png" /></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.5.0",
+  "version": "1.5.1",
   "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/SvgIcons.tsx b/src/renderer/components/app/etc/SvgIcons.tsx
@@ -140,7 +140,7 @@ export function MediaIcons({ type }: any) {
       </SvgIcon>
     );
     */
-    return <CommentIcon />;
+    return <MessageIcon />;
   }
 
   if (type === 0.5) {

diff --git a/src/renderer/components/app/etc/table/TableTitleMain.tsx b/src/renderer/components/app/etc/table/TableTitleMain.tsx
@@ -1,12 +1,17 @@
 import { Box, Typography } from '@mui/material';
 import React from 'react';
 import MessageIcon from '@mui/icons-material/Message';
+import RepeatIcon from '@mui/icons-material/Repeat';
 import { useTitle } from 'renderer/context/TitleContext';
 import { getTitle } from 'renderer/functions/view/TitlePreferenceFunctions';
+import { useCategory } from 'renderer/context/CategoryContext';
+import { useSidebarButton } from 'renderer/context/SidebarContext';
 import HtmlTooltip from '../CustomTooltip1';
 
 const TableTitleMain = ({ row }: any) => {
   const myTitlePreference: any = useTitle();
+  const myCategory: any = useCategory();
+  const mySidebar: any = useSidebarButton();
 
   return (
     <Typography noWrap fontSize={12}>
@@ -15,6 +20,15 @@ const TableTitleMain = ({ row }: any) => {
           <MessageIcon fontSize="inherit" sx={{ mr: '5px' }} />
         </HtmlTooltip>
       ) : null}
+      {(row.mediaListEntry.repeat > 0 ||
+        row.mediaListEntry.completedAt.year !== null) &&
+      myCategory.category !== 1 ? (
+        <HtmlTooltip
+          title={mySidebar.sidebar === 0 ? 'Rewatching' : 'Rereading'}
+        >
+          <RepeatIcon fontSize="inherit" sx={{ mr: '5px' }} />
+        </HtmlTooltip>
+      ) : null}
       {getTitle(myTitlePreference.title, row)}
     </Typography>
   );

diff --git a/src/renderer/components/app/etc/table/TanstackTableRow.tsx b/src/renderer/components/app/etc/table/TanstackTableRow.tsx
@@ -111,8 +111,7 @@ const TanstackTableRow = ({
         position: 'absolute',
         transform: `translateY(${virtualRow.start}px)`, // this should always be a `style` as it changes on scroll
         width: '100%',
-        background:
-          rowSelection === row.id ? ' rgba(8, 132, 186, 0.637)' : '#1e1e1e',
+        background: rowSelection === row.id ? ' #243341' : '#1e1e1e', // #1e1e1e rgba(8, 132, 186, 0.637) #38444c #243341
       }}
       onClick={onClickHandler}
       // context menu

diff --git a/src/renderer/components/app/main/MediaCard.tsx b/src/renderer/components/app/main/MediaCard.tsx
@@ -13,6 +13,8 @@ import Typography from '@mui/material/Typography';
 import { useTitle } from 'renderer/context/TitleContext';
 import getStatusColor from 'renderer/functions/StatusFunction';
 import { getTitle } from 'renderer/functions/view/TitlePreferenceFunctions';
+import RepeatOnIcon from '@mui/icons-material/RepeatOn';
+import RepeatIcon from '@mui/icons-material/Repeat';
 import StarIcon from '@mui/icons-material/Star';
 import {
   useEffect,
@@ -44,6 +46,7 @@ import {
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
 import { useCategory } from 'renderer/context/CategoryContext';
 import { Button, Tooltip } from '@mui/joy';
+import { useSidebarButton } from 'renderer/context/SidebarContext';
 import ContextMenu from '../etc/ContextMenu';
 import ProgressStepper from '../etc/ProgressStepper';
 import ProgressVolumesStepper from '../etc/ProgressVolumesStepper';
@@ -56,6 +59,7 @@ export default function MediaCard({ props }: any) {
   const myUserName: any = useAniListUsername();
   const myToken: any = useAniListToken();
   const myCategory: any = useCategory();
+  const mySidebar: any = useSidebarButton();
 
   const [notificationType, setNotificationType] = useAtom(notificationTypeAtom);
   const [notifcationOpen, setNotificationOpen] = useAtom(notificationOpenAtom);
@@ -305,6 +309,32 @@ export default function MediaCard({ props }: any) {
             </Box>
           </Tooltip>
         ) : null}
+        {(props.mediaListEntry.repeat > 0 ||
+          props.mediaListEntry.completedAt.year !== null) &&
+        myCategory.category !== 1 ? (
+          <Tooltip
+            title={mySidebar.sidebar === 0 ? `Rewatching` : `Rereading`}
+            arrow
+            variant="outlined"
+            color="primary"
+          >
+            <Box
+              sx={{
+                position: 'absolute',
+                top: props.mediaListEntry.notes === null ? 0 : 30,
+                left: 0,
+                margin: '5px',
+                bgcolor: 'rgba(0, 0, 0, 0.69)',
+                color: 'white',
+                borderRadius: '3px',
+                height: '25px',
+                width: '25px',
+              }}
+            >
+              <RepeatIcon />
+            </Box>
+          </Tooltip>
+        ) : null}
       </CardActionArea>
       <CardContent
         sx={{

diff --git a/src/renderer/components/app/main/MediaCardCompact.tsx b/src/renderer/components/app/main/MediaCardCompact.tsx
@@ -8,13 +8,18 @@ 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 { useCategory } from 'renderer/context/CategoryContext';
+import { useSidebarButton } from 'renderer/context/SidebarContext';
+import RepeatIcon from '@mui/icons-material/Repeat';
 import ContextMenuAlternative from '../etc/ContextMenuAlternative';
 import ContextMenu from '../etc/ContextMenu';
 import { MediaIcons } from '../etc/SvgIcons';
 
 export default function MediaCardCompact({ props }: any) {
   const titlePreference: any = useTitle();
   const myAdvancedMedia: any = useAdvancedMedia();
+  const myCategory: any = useCategory();
+  const mySidebar: any = useSidebarButton();
 
   const [contextMenu, setContextMenu] = useState<{
     mouseX: number;
@@ -92,6 +97,32 @@ export default function MediaCardCompact({ props }: any) {
             </Box>
           </Tooltip>
         ) : null}
+        {(props.mediaListEntry.repeat > 0 ||
+          props.mediaListEntry.completedAt.year !== null) &&
+        myCategory.category !== 1 ? (
+          <Tooltip
+            title={mySidebar.sidebar === 0 ? `Rewatching` : `Rereading`}
+            arrow
+            variant="outlined"
+            color="primary"
+          >
+            <Box
+              sx={{
+                position: 'absolute',
+                top: props.mediaListEntry.notes === null ? 0 : 30,
+                left: 0,
+                margin: '5px',
+                bgcolor: 'rgba(0, 0, 0, 0.69)',
+                color: 'white',
+                borderRadius: '3px',
+                height: '25px',
+                width: '25px',
+              }}
+            >
+              <RepeatIcon />
+            </Box>
+          </Tooltip>
+        ) : null}
         <Box
           sx={{
             position: 'absolute',

diff --git a/src/renderer/components/app/sidebar/FeatureButtonGroupNews.tsx b/src/renderer/components/app/sidebar/FeatureButtonGroupNews.tsx
@@ -50,7 +50,6 @@ export default function FeatureButtonGroupNews() {
           onClick={() => {
             window.electron.ipcRenderer.sendMessage('settings', ['ping']);
           }}
-          disabled
         >
           <SettingsIcon />
         </ToggleButton>

diff --git a/src/renderer/styles/tables.scss b/src/renderer/styles/tables.scss
@@ -6,15 +6,17 @@ table {
 }
 
 thead {
-  background: #383434; //#2d383c
+  background: #003151; //#2d383c#192428 #10142c #282424 262938 #151f30 #1e293b
 }
+// #1c2636
+// 0d1c35
 
 tbody tr:hover {
-  background: #252525 !important; // rgba(9, 152, 218, 0.637) !important;
+  background: #2e2e2e !important; // rgba(9, 152, 218, 0.637) !important;
 }
 
 .selectedRow:hover {
-  background: rgba(9, 152, 218, 0.637) !important;
+  background: #33485b !important; // #44505e rgba(9, 152, 218, 0.637) #343e49 #96aec5
 }
 
 tr {
@@ -34,7 +36,7 @@ td {
 .containerTable {
   border: 1px solid #4f4f4f;
   margin: 1rem auto;
-  background: #383434;
+  background: #171717; //  	#222021 #414c50 #2d383c 1d3067
 }
 
 .mediatables {