[Redux Toolkit Migration] queriesSlice

packages/desktop-client/src/components/ManageRules.tsx

@@ -10,9 +10,9 @@ import React, {
 import { useTranslation } from 'react-i18next';
 
 import { useSchedules } from 'loot-core/client/data-hooks/schedules';
+import { initiallyLoadPayees } from 'loot-core/client/queries/queriesSlice';
 import { q } from 'loot-core/shared/query';
 import { pushModal } from 'loot-core/src/client/actions/modals';
-import { initiallyLoadPayees } from 'loot-core/src/client/actions/queries';
 import { send } from 'loot-core/src/platform/client/fetch';
 import * as undo from 'loot-core/src/platform/client/undo';
 import { getNormalisedString } from 'loot-core/src/shared/normalisation';

packages/desktop-client/src/components/accounts/Account.tsx

@@ -16,18 +16,19 @@ import { v4 as uuidv4 } from 'uuid';
 import { unlinkAccount } from 'loot-core/client/accounts/accountsSlice';
 import {
   addNotification,
-  createPayee,
-  getPayees,
-  initiallyLoadPayees,
-  markAccountRead,
   openAccountCloseModal,
   pushModal,
-  reopenAccount,
   replaceModal,
   syncAndDownload,
+} from 'loot-core/client/actions';
+import {
+  createPayee,
+  initiallyLoadPayees,
+  markAccountRead,
+  reopenAccount,
   updateAccount,
   updateNewTransactions,
-} from 'loot-core/client/actions';
+} from 'loot-core/client/queries/queriesSlice';
 import { type AppDispatch } from 'loot-core/client/store';
 import { validForTransfer } from 'loot-core/client/transfer';
 import { type UndoState } from 'loot-core/server/undo';
@@ -59,7 +60,6 @@ import {
   type NewRuleEntity,
   type RuleActionEntity,
   type AccountEntity,
-  type PayeeEntity,
   type RuleConditionEntity,
   type TransactionEntity,
   type TransactionFilterEntity,
@@ -501,7 +501,7 @@ class AccountInternal extends PureComponent<
     else this.updateQuery(query);
 
     if (this.props.accountId) {
-      this.props.dispatch(markAccountRead(this.props.accountId));
+      this.props.dispatch(markAccountRead({ id: this.props.accountId }));
     }
   };
 
@@ -687,7 +687,7 @@ class AccountInternal extends PureComponent<
       }
     });
 
-    this.props.dispatch(updateNewTransactions(updatedTransaction.id));
+    this.props.dispatch(updateNewTransactions({ id: updatedTransaction.id }));
   };
 
   canCalculateBalance = () => {
@@ -781,7 +781,10 @@ class AccountInternal extends PureComponent<
       const account = this.props.accounts.find(
         account => account.id === this.props.accountId,
       );
-      this.props.dispatch(updateAccount({ ...account, name } as AccountEntity));
+      if (!account) {
+        throw new Error(`Account with ID ${this.props.accountId} not found.`);
+      }
+      this.props.dispatch(updateAccount({ account: { ...account, name } }));
       this.setState({ editingName: false, nameError: '' });
     }
   };
@@ -829,7 +832,7 @@ class AccountInternal extends PureComponent<
         this.props.dispatch(openAccountCloseModal(accountId));
         break;
       case 'reopen':
-        this.props.dispatch(reopenAccount(accountId));
+        this.props.dispatch(reopenAccount({ id: accountId }));
         break;
       case 'export':
         const accountName = this.getAccountTitle(account, accountId);
@@ -944,7 +947,7 @@ class AccountInternal extends PureComponent<
   onCreatePayee = (name: string) => {
     const trimmed = name.trim();
     if (trimmed !== '') {
-      return this.props.dispatch(createPayee(name));
+      return this.props.dispatch(createPayee({ name })).unwrap();
     }
     return null;
   };
@@ -1322,7 +1325,8 @@ class AccountInternal extends PureComponent<
     const onConfirmTransfer = async (ids: string[]) => {
       this.setState({ workingHard: true });
 
-      const payees: PayeeEntity[] = await this.props.dispatch(getPayees());
+      const payees = this.props.payees;
+
       const { data: transactions } = await runQuery(
         q('transactions')
           .filter({ id: { $oneof: ids } })

packages/desktop-client/src/components/autocomplete/PayeeAutocomplete.tsx

@@ -15,8 +15,10 @@ import { Trans, useTranslation } from 'react-i18next';
 
 import { css, cx } from '@emotion/css';
 
-import { createPayee } from 'loot-core/src/client/actions/queries';
-import { getActivePayees } from 'loot-core/src/client/reducers/queries';
+import {
+  createPayee,
+  getActivePayees,
+} from 'loot-core/client/queries/queriesSlice';
 import { getNormalisedString } from 'loot-core/src/shared/normalisation';
 import {
   type AccountEntity,
@@ -326,7 +328,8 @@ export function PayeeAutocomplete({
     if (!clearOnBlur) {
       onSelect?.(makeNew(idOrIds, rawInputValue), rawInputValue);
     } else {
-      const create = payeeName => dispatch(createPayee(payeeName));
+      const create = payeeName =>
+        dispatch(createPayee({ name: payeeName })).unwrap();
 
       if (Array.isArray(idOrIds)) {
         idOrIds = await Promise.all(

packages/desktop-client/src/components/budget/index.tsx

@@ -3,7 +3,6 @@ import React, { memo, useMemo, useState, useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import {
-  addNotification,
   applyBudgetAction,
   createCategory,
   createGroup,
@@ -12,10 +11,10 @@ import {
   getCategories,
   moveCategory,
   moveCategoryGroup,
-  pushModal,
   updateCategory,
   updateGroup,
-} from 'loot-core/src/client/actions';
+} from 'loot-core/client/queries/queriesSlice';
+import { addNotification, pushModal } from 'loot-core/src/client/actions';
 import { useSpreadsheet } from 'loot-core/src/client/SpreadsheetProvider';
 import { send, listen } from 'loot-core/src/platform/client/fetch';
 import * as monthUtils from 'loot-core/src/shared/months';
@@ -203,15 +202,15 @@ function BudgetInner(props: BudgetInnerProps) {
 
     if (category.id === 'new') {
       dispatch(
-        createCategory(
-          category.name,
-          category.cat_group,
-          category.is_income,
-          category.hidden,
-        ),
+        createCategory({
+          name: category.name,
+          groupId: category.cat_group,
+          isIncome: category.is_income,
+          isHidden: category.hidden,
+        }),
       );
     } else {
-      dispatch(updateCategory(category));
+      dispatch(updateCategory({ category }));
     }
   };
 
@@ -224,21 +223,21 @@ function BudgetInner(props: BudgetInnerProps) {
           category: id,
           onDelete: transferCategory => {
             if (id !== transferCategory) {
-              dispatch(deleteCategory(id, transferCategory));
+              dispatch(deleteCategory({ id, transferId: transferCategory }));
             }
           },
         }),
       );
     } else {
-      dispatch(deleteCategory(id));
+      dispatch(deleteCategory({ id }));
     }
   };
 
   const onSaveGroup = group => {
     if (group.id === 'new') {
-      dispatch(createGroup(group.name));
+      dispatch(createGroup({ name: group.name }));
     } else {
-      dispatch(updateGroup(group));
+      dispatch(updateGroup({ group }));
     }
   };
 
@@ -258,26 +257,29 @@ function BudgetInner(props: BudgetInnerProps) {
         pushModal('confirm-category-delete', {
           group: id,
           onDelete: transferCategory => {
-            dispatch(deleteGroup(id, transferCategory));
+            dispatch(deleteGroup({ id, transferId: transferCategory }));
           },
         }),
       );
     } else {
-      dispatch(deleteGroup(id));
+      dispatch(deleteGroup({ id }));
     }
   };
 
   const onApplyBudgetTemplatesInGroup = async categories => {
     dispatch(
-      applyBudgetAction(startMonth, 'apply-multiple-templates', {
+      applyBudgetAction({
         month: startMonth,
-        categories,
+        type: 'apply-multiple-templates',
+        args: {
+          categories,
+        },
       }),
     );
   };
 
   const onBudgetAction = (month, type, args) => {
-    dispatch(applyBudgetAction(month, type, args));
+    dispatch(applyBudgetAction({ month, type, args }));
   };
 
   const onShowActivity = (categoryId, month) => {
@@ -316,11 +318,19 @@ function BudgetInner(props: BudgetInnerProps) {
       return;
     }
 
-    dispatch(moveCategory(sortInfo.id, sortInfo.groupId, sortInfo.targetId));
+    dispatch(
+      moveCategory({
+        id: sortInfo.id,
+        groupId: sortInfo.groupId,
+        targetId: sortInfo.targetId,
+      }),
+    );
   };
 
   const onReorderGroup = async sortInfo => {
-    dispatch(moveCategoryGroup(sortInfo.id, sortInfo.targetId));
+    dispatch(
+      moveCategoryGroup({ id: sortInfo.id, targetId: sortInfo.targetId }),
+    );
   };
 
   const onToggleCollapse = () => {

packages/desktop-client/src/components/mobile/accounts/AccountTransactions.tsx

@@ -8,13 +8,9 @@ import React, {
 
 import {
   collapseModals,
-  getPayees,
-  markAccountRead,
   openAccountCloseModal,
   pushModal,
-  reopenAccount,
   syncAndDownload,
-  updateAccount,
 } from 'loot-core/client/actions';
 import {
   accountSchedulesQuery,
@@ -25,6 +21,12 @@ import {
   useTransactionsSearch,
 } from 'loot-core/client/data-hooks/transactions';
 import * as queries from 'loot-core/client/queries';
+import {
+  getPayees,
+  markAccountRead,
+  reopenAccount,
+  updateAccount,
+} from 'loot-core/client/queries/queriesSlice';
 import { listen, send } from 'loot-core/platform/client/fetch';
 import { type Query } from 'loot-core/shared/query';
 import { isPreviewId } from 'loot-core/shared/transactions';
@@ -111,7 +113,7 @@ function AccountHeader({ account }: { readonly account: AccountEntity }) {
 
   const onSave = useCallback(
     (account: AccountEntity) => {
-      dispatch(updateAccount(account));
+      dispatch(updateAccount({ account }));
     },
     [dispatch],
   );
@@ -138,7 +140,7 @@ function AccountHeader({ account }: { readonly account: AccountEntity }) {
   }, [account.id, dispatch]);
 
   const onReopenAccount = useCallback(() => {
-    dispatch(reopenAccount(account.id));
+    dispatch(reopenAccount({ id: account.id }));
   }, [account.id, dispatch]);
 
   const onClick = useCallback(() => {
@@ -262,7 +264,7 @@ function TransactionListWithPreviews({
 
   useEffect(() => {
     if (accountId) {
-      dispatch(markAccountRead(accountId));
+      dispatch(markAccountRead({ id: accountId }));
     }
   }, [accountId, dispatch]);
 

packages/desktop-client/src/components/mobile/budget/CategoryTransactions.tsx

@@ -1,11 +1,11 @@
 import React, { useCallback, useEffect, useState } from 'react';
 
-import { getPayees } from 'loot-core/client/actions';
 import {
   useTransactions,
   useTransactionsSearch,
 } from 'loot-core/client/data-hooks/transactions';
 import * as queries from 'loot-core/client/queries';
+import { getPayees } from 'loot-core/client/queries/queriesSlice';
 import { listen } from 'loot-core/platform/client/fetch';
 import * as monthUtils from 'loot-core/shared/months';
 import { q } from 'loot-core/shared/query';