fix: dashboard sidebar expanding.

client/src/hooks/query/contacts.js

@@ -7,8 +7,29 @@ import { useQueryTenant } from '../useQueryRequest';
 export function useContact(id, props) {
   const apiRequest = useApiRequest();
 
-  return useQueryTenant(['CONTACT', id], () => apiRequest.get(`contacts/${id}`), {
-    select: (res) => res.data.customer,
-    ...props,
-  });
+  return useQueryTenant(
+    ['CONTACT', id],
+    () => apiRequest.get(`contacts/${id}`),
+    {
+      select: (res) => res.data.customer,
+      ...props,
+    },
+  );
+}
+
+/**
+ * Retrieve the auto-complete contacts.
+ */
+export function useAutoCompleteContacts(props) {
+  const apiRequest = useApiRequest();
+
+  return useQueryTenant(
+    ['CONTACTS', 'AUTO-COMPLETE'],
+    () => apiRequest.get('contacts/auto-complete'),
+    {
+      select: (res) => res.data.contacts,
+      defaultData: [],
+      ...props,
+    },
+  );
 }

client/src/hooks/query/types.js

@@ -96,8 +96,17 @@ const ORGANIZATIONS = {
 
 const SUBSCRIPTIONS = {
   SUBSCRIPTIONS: 'SUBSCRIPTIONS',
-}
+};
 
+const EXPENSES = {
+  EXPENSES: 'EXPENSES',
+  EXPENSE: 'EXPENSE',
+};
+
+const MANUAL_JOURNALS = {
+  MANUAL_JOURNALS: 'MANUAL_JOURNALS',
+  MANUAL_JOURNAL: 'MANUAL_JOURNAL',
+};
 export default {
   ...ACCOUNTS,
   ...BILLS,
@@ -115,5 +124,7 @@ export default {
   ...USERS,
   ...SETTING,
   ...ORGANIZATIONS,
-  ...SUBSCRIPTIONS
+  ...SUBSCRIPTIONS,
+  ...EXPENSES,
+  ...MANUAL_JOURNALS
 };