feat: control the multi-select switch

packages/webapp/src/hooks/state/banking.ts

@@ -10,6 +10,7 @@ import {
   addTransactionsToCategorizeSelected,
   removeTransactionsToCategorizeSelected,
   getOpenMatchingTransactionAside,
+  getTransactionsToCategorizeIdsSelected,
 } from '@/store/banking/banking.reducer';
 
 export const useSetBankingPlaidToken = () => {
@@ -94,3 +95,18 @@ export const useGetOpenMatchingTransactionAside = () => {
     [openMatchingTransactionAside],
   );
 };
+
+/**
+ * Returns the detarmined value whether the given transaction id is checked.
+ * @param {number} transactionId
+ * @returns {boolean}
+ */
+export const useIsTransactionToCategorizeSelected = (transactionId: number) => {
+  const transactionsToCategorizeIdsSelected = useSelector(
+    getTransactionsToCategorizeIdsSelected,
+  );
+  return useMemo(
+    () => transactionsToCategorizeIdsSelected.indexOf(transactionId) !== -1,
+    [transactionsToCategorizeIdsSelected, transactionId],
+  );
+};