refactoring: expenses landing list.

refactoring: customers landing list.
refactoring: vendors landing list.
refactoring: manual journals landing list.

client/src/containers/Accounting/MakeJournal/MakeJournalProvider.js

@@ -0,0 +1,87 @@
+import React, { createContext, useState } from 'react';
+import DashboardInsider from 'components/Dashboard/DashboardInsider';
+import {
+  useAccounts,
+  useCustomers,
+  useCurrencies,
+  useJournal,
+  useCreateJournal,
+  useEditJournal,
+  useSettings
+} from 'hooks/query';
+
+const MakeJournalFormContext = createContext();
+
+/**
+ * Make journal form provider.
+ */
+function MakeJournalProvider({ journalId, ...props }) {
+  // Load the accounts list.
+  const { data: accounts, isFetching: isAccountsLoading } = useAccounts();
+
+  // Load the customers list.
+  const {
+    data: { customers },
+    isFetching: isCustomersLoading,
+  } = useCustomers();
+
+  // Load the currencies list.
+  const { data: currencies, isFetching: isCurrenciesLoading } = useCurrencies();
+
+  // Load the details of the given manual journal.
+  const { data: manualJournal, isFetching: isJournalLoading } = useJournal(
+    journalId,
+    {
+      enabled: !!journalId,
+    },
+  );
+  // Create and edit journal mutations.
+  const { mutateAsync: createJournalMutate } = useCreateJournal();
+  const { mutateAsync: editJournalMutate } = useEditJournal();
+
+  // Loading the journal settings.
+  const { isFetching: isSettingsLoading } = useSettings();
+
+  const [submitPayload, setSubmitPayload] = useState({});
+
+  const provider = {
+    accounts,
+    customers,
+    currencies,
+    manualJournal,
+
+    createJournalMutate,
+    editJournalMutate,
+
+    isAccountsLoading,
+    isCustomersLoading,
+    isCurrenciesLoading,
+    isJournalLoading,
+    isSettingsLoading,
+
+    isNewMode: !journalId,
+
+    submitPayload,
+    setSubmitPayload
+  };
+
+  return (
+    <DashboardInsider
+      loading={
+        isJournalLoading ||
+        isAccountsLoading ||
+        isCurrenciesLoading ||
+        isCustomersLoading || 
+        isSettingsLoading
+      }
+      name={'make-journal-page'}
+    >
+      <MakeJournalFormContext.Provider value={provider} {...props} />
+    </DashboardInsider>
+  );
+}
+
+const useMakeJournalFormContext = () =>
+  React.useContext(MakeJournalFormContext);
+
+export { MakeJournalProvider, useMakeJournalFormContext };