1.6.0

### Main Changes - New Settings Menu - Settings tabs now have icons next to them. - A more compact look for the services section. - Application settings are now separated between appearance and behavior - Reset tab now has a message that tells the user to reset if they are having issues - Reset modal now uses a similar style to the modal used for deleting a media from the list. ### Minor Changes - Rounded out all the borders for the advanced media view. ### Bug fixes - Fixed an issue where the username would sometimes not authenticate properly. (Occurred only when username had previously been saved)
ReStartQ · Dec 26, 2024 · b11f508 · b11f508
1 parent 65f9a22
commit b11f508
Show file tree

Hide file tree

Showing 25 changed files with 415 additions and 279 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,3 +1,22 @@
+## 1.6.0
+
+### Main Changes
+
+- New Settings Menu
+- Settings tabs now have icons next to them.
+- A more compact look for the services section.
+- Application settings are now separated between appearance and behavior
+- Reset tab now has a message that tells the user to reset if they are having issues
+- Reset modal now uses a similar style to the modal used for deleting a media from the list.
+
+### Minor Changes
+
+- Rounded out all the borders for the advanced media view.
+
+### Bug fixes
+
+- Fixed an issue where the username would sometimes not authenticate properly. (Occurred only when username had previously been saved)
+
 ## 1.5.7
 
 - Changed label for "Plan to Watch/Plan to Read" to "Planning".

diff --git a/README.md b/README.md
@@ -34,7 +34,7 @@ _Note:_
 **This app does not have a code signing certificate and will give a warning message on installation.**
 
 1. Download the setup file from the latest releases. The setup file is labeled as AniCour-Setup-x.x.x.exe, where x.x.x will denote the version.
-   <br> **Example: AniCour-Setup-1.5.7.exe**
+   <br> **Example: AniCour-Setup-1.6.0.exe**
    <br> _Some browsers may give a warning when downloading the setup file as it does not use a code signing certificate._
    <br> _In this case, to allow the download use the alternate option they provide. (Example: keep file)_
 2. Run the setup file, Windows will give a message like below, click on **"More info"** <p align="center"><a href="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png"><img src="https://raw.githubusercontent.com/restartq/anicour/main/images/help/AniCourNoCodeSigningInitial.png" height="280"/></a></p>

diff --git a/help/InstallHelp.md b/help/InstallHelp.md
@@ -6,7 +6,7 @@ You can download the app [here](https://github.com/ReStartQ/AniCour/releases).
 
 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.
-   **Ex: AniCour-Setup-1.5.7.exe**
+   **Ex: AniCour-Setup-1.6.0.exe**
 3. When you run the exe file, Windows will give a message like below, 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.7",
+  "version": "1.6.0",
   "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/App.tsx b/src/renderer/App.tsx
@@ -495,7 +495,7 @@ const Hello = () => {
                 display: 'flex',
                 ml: `${drawerWidth}px`,
                 boxSizing: 'border-box',
-                background: '#2E3B55', // original #2E3B55 #102a43 #486581
+                background: '#2E3B55', // original #2E3B55 #102a43 #486581 background #101218 higlight buttons #1f2d41
               }}
             >
               <Toolbar

diff --git a/src/renderer/components/mediaAdvanced/description/AdvancedDescription.tsx b/src/renderer/components/mediaAdvanced/description/AdvancedDescription.tsx
@@ -18,6 +18,7 @@ const AdvancedDescription = () => {
         border: '1px solid SteelBlue',
         // paddingTop: '4px',
       }}
+      variant="outlined"
     >
       <CardContent sx={{ height: '100%', '&:last-child': { pb: '16px' } }}>
         <Box sx={{ height: '100%', overflowY: 'auto', pr: '10px' }}>

diff --git a/src/renderer/components/mediaAdvanced/entryInput/notOnList/EntryInputNotOnList.tsx b/src/renderer/components/mediaAdvanced/entryInput/notOnList/EntryInputNotOnList.tsx
@@ -1,28 +1,29 @@
-import { CardContent } from '@mui/material';
+import { Card, CardContent } from '@mui/material';
 import { Divider } from '@mui/joy';
 import AddToList from './AddToList';
 
 export default function EntryInputNotOnList() {
   return (
-    <CardContent
+    <Card
+      elevation={0}
       sx={{
-        overflowY: 'auto',
         gridColumn: '2/3',
         gridRow: '3/6',
         border: '1px solid SteelBlue',
-        width: '100%',
-        height: '100%',
-        gridTemplateColumns: 'repeat(3, 175px)',
-        gridTemplateRows: 'repeat(4, 73px)',
-        display: 'flex',
-        alignItems: 'center',
-        /* '&:last:child': {
-          paddingBottom: 0,
-        }, */
-        justifyContent: 'center',
       }}
+      variant="outlined"
     >
-      <AddToList />
-    </CardContent>
+      <CardContent
+        sx={{
+          width: '100%',
+          height: '100%',
+          display: 'flex',
+          alignItems: 'center',
+          justifyContent: 'center',
+        }}
+      >
+        <AddToList />
+      </CardContent>
+    </Card>
   );
 }
diff --git a/src/renderer/components/mediaAdvanced/entryInput/onList/EntryInputOnList.tsx b/src/renderer/components/mediaAdvanced/entryInput/onList/EntryInputOnList.tsx
@@ -1,4 +1,4 @@
-import { CardContent } from '@mui/material';
+import { Card, CardContent } from '@mui/material';
 import { useAdvancedInput } from 'renderer/context/advanced/AdvancedInputContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
 import MyDatePickerCompletedAt from './MyDatePickerCompletedAt';
@@ -17,33 +17,40 @@ export default function EntryInputOnList() {
   const myAdvancedInput: any = useAdvancedInput();
 
   return (
-    <CardContent
+    <Card
+      elevation={0}
       sx={{
         gridColumn: '2/3',
         gridRow: '3/6',
         border: '1px solid SteelBlue',
-        width: '100%',
-        height: '100%',
-        display: 'grid',
-        gridTemplateColumns: 'repeat(3, 1fr)', // 175 px
-        gridTemplateRows: 'repeat(4, 1fr)', // 73 px
-        padding: '16px',
-        '&:last-child': { pb: '16px' },
       }}
+      variant="outlined"
     >
-      <ProgressInput />
-      {myAdvancedMedia.advancedMedia.type === 'MANGA' ? (
-        <ProgressVolumesInput />
-      ) : null}
-      <RepeatInput />
-      <StatusSelect />
-      <ScoreInput />
-      <PrivateCheckBox />
-      <MyDatePickerStartedAt />
-      <MyDatePickerCompletedAt />
-      <NotesInput />
-      <UpdateButton />
-    </CardContent>
+      <CardContent
+        sx={{
+          display: 'grid',
+          gridTemplateColumns: 'repeat(3, 1fr)', // 175 px
+          gridTemplateRows: 'repeat(4, 1fr)', // 73 px
+          width: '100%',
+          height: '100%',
+          padding: '16px',
+          '&:last-child': { pb: '16px' },
+        }}
+      >
+        <ProgressInput />
+        {myAdvancedMedia.advancedMedia.type === 'MANGA' ? (
+          <ProgressVolumesInput />
+        ) : null}
+        <RepeatInput />
+        <StatusSelect />
+        <ScoreInput />
+        <PrivateCheckBox />
+        <MyDatePickerStartedAt />
+        <MyDatePickerCompletedAt />
+        <NotesInput />
+        <UpdateButton />
+      </CardContent>
+    </Card>
   );
 }
 

diff --git a/src/renderer/components/mediaAdvanced/image/AdvancedImage.tsx b/src/renderer/components/mediaAdvanced/image/AdvancedImage.tsx
@@ -1,5 +1,5 @@
 import { Tooltip } from '@mui/joy';
-import { Box, CardActionArea } from '@mui/material';
+import { Box, Card, CardActionArea } from '@mui/material';
 import { useTitle } from 'renderer/context/TitleContext';
 import { useAdvancedDefaultLink } from 'renderer/context/advanced/AdvancedDefaultLinkContext';
 import { useAdvancedMedia } from 'renderer/context/advanced/AdvancedMediaContext';
@@ -11,56 +11,69 @@ export default function AdvancedImage() {
   const titlePreference: any = useTitle();
 
   return (
-    <Tooltip
+    <Card
+      sx={{
+        width: '250px',
+        height: '340px',
+        gridColumn: '1/2',
+        gridRow: '1/5',
+        border: '1px solid SteelBlue',
+        overflow: 'hidden',
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+      }}
       variant="outlined"
-      color="primary"
-      title={
-        myAdvancedDefaultLink.advancedDefaultLink === 'AniList'
-          ? 'Go to AniList'
-          : 'Go to MyAnimeList'
-      }
-      followCursor
-      placement="right-end"
     >
-      <CardActionArea
-        sx={{
-          width: '250px',
-          height: '340px',
-          gridColumn: '1/2',
-          gridRow: '1/5',
-          border: '1px solid SteelBlue',
-          overflow: 'hidden',
-        }}
-        onClick={() => {
-          console.log(titlePreference);
-          if (
-            myAdvancedMedia.advancedMedia.idMal !== null &&
-            myAdvancedDefaultLink.advancedDefaultLink === 'MyAnimeList'
-          ) {
-            window.electron.ipcRenderer.sendMessage('openExternalLink', [
-              getMalLink(
-                myAdvancedMedia.advancedMedia.idMal,
-                myAdvancedMedia.advancedMedia.type,
-              ),
-            ]);
-          } else {
-            window.electron.ipcRenderer.sendMessage('openExternalLink', [
-              myAdvancedMedia.advancedMedia.siteUrl,
-            ]);
-          }
-        }}
+      <Tooltip
+        variant="outlined"
+        color="primary"
+        title={
+          myAdvancedDefaultLink.advancedDefaultLink === 'AniList'
+            ? 'Go to AniList'
+            : 'Go to MyAnimeList'
+        }
+        followCursor
+        placement="right-end"
       >
-        <Box
-          component="img"
-          alt="null"
-          src={myAdvancedMedia.advancedMedia.image}
+        <CardActionArea
           sx={{
-            marginLeft: 'auto',
-            marginRight: 'auto',
-            display: 'block',
+            width: '250px',
+            height: '340px',
+            overflow: 'hidden',
+            display: 'flex',
           }}
-        />
-      </CardActionArea>
-    </Tooltip>
+          onClick={() => {
+            console.log(titlePreference);
+            if (
+              myAdvancedMedia.advancedMedia.idMal !== null &&
+              myAdvancedDefaultLink.advancedDefaultLink === 'MyAnimeList'
+            ) {
+              window.electron.ipcRenderer.sendMessage('openExternalLink', [
+                getMalLink(
+                  myAdvancedMedia.advancedMedia.idMal,
+                  myAdvancedMedia.advancedMedia.type,
+                ),
+              ]);
+            } else {
+              window.electron.ipcRenderer.sendMessage('openExternalLink', [
+                myAdvancedMedia.advancedMedia.siteUrl,
+              ]);
+            }
+          }}
+        >
+          <Box
+            component="img"
+            alt="null"
+            src={myAdvancedMedia.advancedMedia.image}
+            sx={{
+              marginLeft: 'auto',
+              marginRight: 'auto',
+              display: 'block',
+            }}
+          />
+        </CardActionArea>
+      </Tooltip>
+    </Card>
   );
 }