Add activeTaskCategoryState to App component and save active category value to settings

Author: codad5

src/App.tsx

@@ -4,15 +4,18 @@ import { getAccessToken, saveAuthCode, handleInitialLogin, handleLoadFrom, handl
 import { loadContextmenu } from "./helpers/windowhelper";
 import TaskPage from "./components/TaskPage";
 import { useRecoilRefresher_UNSTABLE, useRecoilState, useRecoilValue, useSetRecoilState } from "recoil";
-import { attemptLoginState, attemptLogoutState, authLoadingState, isOnlineSelector, loggedInSelector, messageState } from "./config/states";
+import { activeTaskCategoryState, attemptLoginState, attemptLogoutState, authLoadingState, isOnlineSelector, loggedInSelector, messageState } from "./config/states";
 import Header from "./components/ui/Header";
 import { listen_for_auth_code } from "./helpers/eventlistner";
+import { SettingsStore } from "./helpers/DBStores";
+import settings from "./config/settings";
 
 // disable default context menu on build
 loadContextmenu();
 
 function App() {
   const [loading, setLoading] = useRecoilState<boolean>(authLoadingState);
+  const activeCategoryValue = useRecoilValue(activeTaskCategoryState)
   const loggedIn = useRecoilValue(loggedInSelector);
   const [attemptedLogin, setAttemptedLogin] = useRecoilState<boolean>(attemptLoginState);
   const [attemptedLogout, setAttemptedLogout] = useRecoilState<boolean>(attemptLogoutState);
@@ -54,6 +57,10 @@ function App() {
       setAttemptedLogout(false);
     }
   }, [attemptedLogout])
+  
+  useEffect(() => {
+    SettingsStore.set(settings.storage.constants.last_active_category, activeCategoryValue).then(() => {console.log("Setting active category")})
+  }, [activeCategoryValue])
 
 
 

src/config/settings.ts

@@ -24,6 +24,7 @@ export default {
             tasks: "tasks",
             authcode: "auth_code",
             user_profile: "user_profile",
+            last_active_category: "last_active_category"
         }
     },
     api: {

src/config/states.ts

@@ -2,6 +2,9 @@ import { atom, selector } from 'recoil';
 import { UserProfile } from '../types/googleapis';
 import { Task } from '../helpers/task';
 import { task, taskCategory } from '../types/taskapi';
+import { SettingsStore } from '../helpers/DBStores';
+import settings from './settings';
+
 
 // const loggedInState = atom({
 //     key: 'loggedInState',
@@ -35,7 +38,7 @@ const taskObjectState = atom<Task>({
 
 const activeTaskCategoryState = atom<number>({
     key: 'activeTaskCategoryState',
-    default: -1,
+    default: await SettingsStore.get<number>(settings.storage.constants.last_active_category) ?? -1
 });
 
 const activeCategoryTasksState = atom<task[]>({

src/helpers/AuthStore.ts

@@ -0,0 +1,6 @@
+import {Store} from 'tauri-plugin-store-api';
+
+
+export const SettingsStore =  new Store('.settings.dat');
+export const AuthStore =  new Store('.auth.dat');
+export const TaskStore =  new Store('.task.dat');

src/helpers/DBStores.ts

@@ -1,36 +1,36 @@
 import { invoke } from '@tauri-apps/api/tauri';
 import * as commands from './commands';
 import { AccessToken, SaveAccessTokenResponse, SaveTokenResponse } from './commands';
-import StoreDb from './AuthStore';
+import {AuthStore} from './DBStores';
 import settings from '../config/settings';
 
 
 const storeConstant = settings.storage.constants;
 
 export async function save_auth_code(code: string) : Promise<SaveTokenResponse> {
     // return await commands.saveCode(code);
-    await StoreDb.set(storeConstant.authcode, code);
+    await AuthStore.set(storeConstant.authcode, code);
     return { message: "Code saved", token: code, success: true };
 
 
 }
 
 export async function get_auth_code() : Promise<string> {
     // return await commands.loadCode();
-    return await StoreDb.get<string>(storeConstant.authcode) ?? "";
+    return await AuthStore.get<string>(storeConstant.authcode) ?? "";
 
 }
 
 export async function save_access_token(token: string|AccessToken) : Promise<SaveAccessTokenResponse> {
     const accessTokenText: AccessToken = typeof token === "string" ? JSON.parse(token) : token;
     // return await commands.saveAccessToken(accessTokenText);
-    await StoreDb.set(storeConstant.access_token, accessTokenText);
+    await AuthStore.set(storeConstant.access_token, accessTokenText);
     return { message: "Token saved", success: true, token: token as AccessToken };
 }
 
 export async function get_access_token() : Promise<AccessToken> {
     // return await commands.loadAccessToken();
-    return await StoreDb.get<AccessToken>(storeConstant.access_token) ?? {} as AccessToken;
+    return await AuthStore.get<AccessToken>(storeConstant.access_token) ?? {} as AccessToken;
 }
 
 export async function test_command() {