1.4.1 changes

CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changes
 
+## 1.4.1
+
+- Fixed an issue with the list view.
+- Reordered the toolbar's help menu.
+- Made toolbar option for reset settings to reflect changes without having to restart app.
+
 ## 1.4.0
 
 ### Main Changes

README.md

@@ -49,13 +49,13 @@ 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.
    <br /> **_Note: Some browsers may give a warning or block the download for the exe setup file as it does not have a code signing certificate._**
    <br /> **_To avoid this warning, download the setup zip file instead_**
-2. The setup zip file is labeled as AniCour-Setup-x.x.x.zip, where x denotes a number for the version. 
-   <br/> **Ex: AniCour-Setup-1.4.0.zip** (Recommended)
+2. The setup zip file is labeled as AniCour-Setup-x.x.x.zip, where x denotes a number for the version.
+   <br/> **Ex: AniCour-Setup-1.4.1.zip** (Recommended)
    <br />
-   If you would like to download the exe file directly. That file is labeled as AniCour-Setup-x.x.x.exe. 
-   <br/> **Ex: AniCour-Setup-1.4.0.exe** (Look at note in first step)
-4. Extract the zip file and then run the setup exe file. If you downloaded the exe file directly, then you can just run that setup exe file.
-5. Use the app to track, search, and manage your anime, manga, and light novels.
+   If you would like to download the exe file directly. That file is labeled as AniCour-Setup-x.x.x.exe.
+   <br/> **Ex: AniCour-Setup-1.4.1.exe** (Look at note in first step)
+3. Extract the zip file and then run the setup exe file. If you downloaded the exe file directly, then you can just run that setup exe file.
+4. Use the app to track, search, and manage your anime, manga, and light novels.
 
 ## Setup
 

package.json

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

release/app/package.json

@@ -1,6 +1,6 @@
 {
   "name": "anicour",
-  "version": "1.4.0",
+  "version": "1.4.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": {

release/note.MD

@@ -1 +1,2 @@
-must put - in place of spaces for files (auto update)
+must put - in place of spaces for files (auto update)
+also make a compressed zip file for the exe setup file

src/main/menu.ts

@@ -260,18 +260,18 @@ export default class MenuBuilder {
         label: 'Help',
         submenu: [
           {
-            label: 'Changelog',
+            label: 'Setup',
             click() {
               shell.openExternal(
-                'https://github.com/ReStartQ/anicour/blob/main/CHANGELOG.md',
+                'https://github.com/ReStartQ/anicour/blob/main/help/Setup.md',
               );
             },
           },
           {
-            label: 'Setup',
+            label: 'Changelog',
             click() {
               shell.openExternal(
-                'https://github.com/ReStartQ/anicour/blob/main/help/Setup.md',
+                'https://github.com/ReStartQ/anicour/blob/main/CHANGELOG.md',
               );
             },
           },

src/renderer/App.tsx

@@ -94,6 +94,7 @@ import {
   notificationMediaNamesAtom,
   notificationOpenAtom,
   notificationTypeAtom,
+  seasonChangeAtom,
   statusAddSelectAtom,
 } from './store';
 import NewsPage from './components/app/news/NewsPage';
@@ -256,6 +257,7 @@ const Hello = () => {
   const [notifcationMediaNames, setNotificationMediaNames] = useAtom(
     notificationMediaNamesAtom,
   );
+  const [seasonChange, setSeasonChange] = useAtom(seasonChangeAtom);
   const [openResetDialog, setOpenResetDialog] = useAtom(appResetDialogOpenAtom);
 
   const handleClose = (event?: SyntheticEvent | Event, reason?: string) => {
@@ -351,6 +353,9 @@ const Hello = () => {
             window.electron.store.clear();
             setAniListUsername('');
             setAniListToken('');
+            myTitle.setTitle('Romaji');
+            setDefaultAddStatus('CURRENT');
+            setSeasonChange('Early');
             break;
           default:
             console.log('test');
@@ -367,6 +372,7 @@ const Hello = () => {
     setAniListUsername,
     setDefaultAddStatus,
     setOpenResetDialog,
+    setSeasonChange,
   ]);
 
   /*

src/renderer/components/app/history/HistoryTab.tsx

@@ -0,0 +1,64 @@
+import { Box } from '@mui/material';
+import * as React from 'react';
+import Table from '@mui/material/Table';
+import TableBody from '@mui/material/TableBody';
+import TableCell from '@mui/material/TableCell';
+import TableContainer from '@mui/material/TableContainer';
+import TableHead from '@mui/material/TableHead';
+import TableRow from '@mui/material/TableRow';
+import Paper from '@mui/material/Paper';
+
+function createData(name: string, date: string) {
+  return { name, date };
+}
+
+const rows = [
+  createData('Oregairu', '1/21/2022 04:02:01'),
+  createData('Hyouka', '1/21/2022 04:02:01'),
+  createData('Pokemon', '1/21/2022 04:02:01'),
+  createData('Digimon', '1/21/2022 04:02:01'),
+  createData('Yugioh', '1/21/2022 04:02:01'),
+];
+
+const HistoryTab = () => {
+  return (
+    <Box
+      sx={{
+        height: 'calc(100vh - 110px)',
+        width: '100%',
+        userSelect: 'none',
+        // overflowY: 'auto',
+      }}
+    >
+      <TableContainer component={Paper}>
+        <Table
+          sx={{ minWidth: 650, height: '100%' }}
+          size="small"
+          aria-label="a dense table"
+        >
+          <TableHead>
+            <TableRow>
+              <TableCell>Title</TableCell>
+              <TableCell align="right">Modified Date</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {rows.map((row) => (
+              <TableRow
+                key={row.name}
+                sx={{ '&:last-child td, &:last-child th': { border: 0 } }}
+              >
+                <TableCell component="th" scope="row">
+                  {row.name}
+                </TableCell>
+                <TableCell align="right">{row.date}</TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+      </TableContainer>
+    </Box>
+  );
+};
+
+export default HistoryTab;

src/renderer/components/app/main/Main.tsx

@@ -13,6 +13,8 @@ import MainCategoryBar from './MainCategoryBar';
 import MainTab from './MainTab';
 import MainTabList from './MainTabList';
 import MainTabCompact from './MainTabCompact';
+import HistoryTab from '../history/HistoryTab';
+import MainTabLi from './MainTabLi';
 
 function MainTabView({ view }: any) {
   if (view === 0) {
@@ -30,7 +32,7 @@ function MainTabView({ view }: any) {
   if (view === 2) {
     return (
       // 140
-      <MainTabList />
+      <MainTabLi />
     );
   }
   return <Box />;

src/renderer/components/app/main/MainTabLi.tsx

@@ -0,0 +1,51 @@
+import Box from '@mui/material/Box';
+import { useCategory } from 'renderer/context/CategoryContext';
+import { useFilter } from 'renderer/context/FilterContext';
+import { useSidebarButton } from 'renderer/context/SidebarContext';
+import { useAniListToken } from 'renderer/context/services/AniListTokenContext';
+import { useAniListUsername } from 'renderer/context/services/AniListUsernameContext';
+import { useMainMediaList } from 'renderer/functions/MainMediaListFunctions';
+import { MainTableView } from 'renderer/functions/view/DataTableFunctions';
+import 'renderer/styles/MainArea.scss';
+import { useSort } from 'renderer/context/SortContext';
+import { useTitle } from 'renderer/context/TitleContext';
+import ErrorAPI from '../etc/ErrorAPI';
+import ErrorCredentials from '../etc/ErrorCredentials';
+import LoadingMessage from '../etc/LoadingMessage';
+import MainMediaTable from './tables/MainMediaTable';
+import MainTabList from './MainTabList';
+
+const MainTabLi = ({ props }: any) => {
+  const myTitle: any = useTitle();
+  const myFilter: any = useFilter();
+  const myToken: any = useAniListToken();
+  const myUsername: any = useAniListUsername();
+  const mySidebar: any = useSidebarButton();
+  const myCategory: any = useCategory();
+  const mySort: any = useSort();
+
+  const { isLoading, isError, error, data, refetch }: any = useMainMediaList(
+    myUsername.AniListUsername,
+    myToken.AniListToken,
+  );
+
+  if (isLoading) {
+    return <LoadingMessage />;
+  }
+
+  if (isError && error.response !== undefined) {
+    if (error.response.status === 400) return <ErrorCredentials />;
+  }
+
+  if (isError && error.response !== undefined) {
+    if (error.response.status !== 400) return <ErrorAPI />;
+  }
+
+  if (isError && error.response === undefined) {
+    return <ErrorAPI />;
+  }
+
+  return <MainTabList />;
+};
+
+export default MainTabLi;

src/renderer/components/app/main/MainTabList.tsx

@@ -9,10 +9,10 @@ import { MainTableView } from 'renderer/functions/view/DataTableFunctions';
 import 'renderer/styles/MainArea.scss';
 import { useSort } from 'renderer/context/SortContext';
 import { useTitle } from 'renderer/context/TitleContext';
-import MainMediaTable from './tables/MainMediaTable';
-import LoadingMessage from '../etc/LoadingMessage';
-import ErrorCredentials from '../etc/ErrorCredentials';
 import ErrorAPI from '../etc/ErrorAPI';
+import ErrorCredentials from '../etc/ErrorCredentials';
+import LoadingMessage from '../etc/LoadingMessage';
+import MainMediaTable from './tables/MainMediaTable';
 
 const MainTabList = ({ props }: any) => {
   const myTitle: any = useTitle();

src/renderer/components/app/search/SearchMain.tsx

@@ -23,6 +23,8 @@ import isOnline from 'is-online';
 import SearchCategoryBar from './SearchCategoryBar';
 import SearchTab from './SearchTab';
 import SearchTabList from './SearchTabList';
+import HistoryTab from '../history/HistoryTab';
+import SearchTabLi from './SearchTabLi';
 
 function SearchTabView({ view }: any) {
   if (view === 0) {
@@ -41,7 +43,7 @@ function SearchTabView({ view }: any) {
   if (view === 2) {
     return (
       // 140
-      <SearchTabList />
+      <SearchTabLi />
     );
   }