Fix: specific item api & customer api

client/src/containers/Customers/Customer.js

@@ -17,6 +17,7 @@ function Customer({
   formik,
   //#withCustomersActions
   requestFetchCustomers,
+  requestFetchCustomer,
 }) {
   const { id } = useParams();
   const history = useHistory();
@@ -26,11 +27,12 @@ function Customer({
     requestFetchCustomers({}),
   );
   // Handle fetch customer details.
-  const fetchCustomer= useQuery(['customer', id], () =>
-    requestFetchCustomers(),
-    { enabled: !!id },
+  const fetchCustomer = useQuery(
+    ['customer', id],
+    (key, customerId) => requestFetchCustomer(customerId),
+    { enabled: id && id },
   );
-
+  
   const handleFormSubmit = useCallback(
     (payload) => {
       payload.redirect && history.push('/customers');

client/src/containers/Customers/withCustomersActions.js

@@ -1,20 +1,21 @@
 import { connect } from 'react-redux';
 import {
   fetchCustomers,
+  fetchCustomer,
   submitCustomer,
   editCustomer,
   deleteCustomer,
-  deleteBulkCustomers
+  deleteBulkCustomers,
 } from 'store/customers/customers.actions';
 import t from 'store/types';
 
 export const mapDispatchToProps = (dispatch) => ({
   requestFetchCustomers: (query) => dispatch(fetchCustomers({ query })),
   requestDeleteCustomer: (id) => dispatch(deleteCustomer({ id })),
-  requestDeleteBulkCustomers:(ids)=>dispatch(deleteBulkCustomers({ids})),
+  requestDeleteBulkCustomers: (ids) => dispatch(deleteBulkCustomers({ ids })),
   requestSubmitCustomer: (form) => dispatch(submitCustomer({ form })),
   requestEditCustomer: (id, form) => dispatch(editCustomer({ id, form })),
-
+  requestFetchCustomer: (id) => dispatch(fetchCustomer({ id })),
   addCustomersTableQueries: (queries) =>
     dispatch({
       type: t.CUSTOMERS_TABLE_QUERIES_ADD,