fix(Sidebar): scroll to top once the sidebar be closed.

This commit is contained in:
a.bouhuolia
2021-03-21 13:38:10 +02:00
parent 81621020c2
commit 0f1c88cba3
5 changed files with 43 additions and 20 deletions

View File

@@ -2,7 +2,6 @@ import React, { useState, createContext } from 'react';
import { useLocation } from 'react-router-dom';
import DashboardInsider from 'components/Dashboard/DashboardInsider';
import {
useCustomers,
useCustomer,
useCurrencies,
useCreateCustomer,
@@ -18,22 +17,17 @@ function CustomerFormProvider({ customerId, ...props }) {
const contactId = state?.action;
// Handle fetch customer details.
const { data: customer, isFetching: isCustomerLoading } = useCustomer(
const { data: customer, isLoading: isCustomerLoading } = useCustomer(
customerId,
{
enabled: !!customerId,
},
{ enabled: !!customerId },
);
// Handle fetch contact duplicate details.
const { data: contactDuplicate, isFetching: isContactLoading } = useContact(
const { data: contactDuplicate, isLoading: isContactLoading } = useContact(
contactId,
{
enabled: !!contactId,
},
{ enabled: !!contactId, },
);
// Handle fetch Currencies data table
const { data: currencies, isFetching: isCurrenciesLoading } = useCurrencies();
const { data: currencies, isLoading: isCurrenciesLoading } = useCurrencies();
// Form submit payload.
const [submitPayload, setSubmitPayload] = useState({});

View File

@@ -29,7 +29,7 @@ function InvoiceFormProvider({ invoiceId, ...props }) {
// Fetches the estimate by the given id.
const {
data: estimate,
isFetching: isEstimateFetching,
isLoading: isEstimateLoading,
} = useEstimate(estimateId, { enabled: !!estimateId });
const newInvoice = !isEmpty(estimate)
@@ -97,7 +97,7 @@ function InvoiceFormProvider({ invoiceId, ...props }) {
isInvoiceLoading ||
isItemsLoading ||
isCustomersLoading ||
isEstimateFetching ||
isEstimateLoading ||
isSettingsLoading
}
name={'invoice-form'}

View File

@@ -20,21 +20,19 @@ function VendorFormProvider({ vendorId, ...props }) {
const { state } = useLocation();
// Handle fetch Currencies data table
const { data: currencies, isFetching: isCurrenciesLoading } = useCurrencies();
const { data: currencies, isLoading: isCurrenciesLoading } = useCurrencies();
// Handle fetch vendor details.
const { data: vendor, isFetching: isVendorLoading } = useVendor(vendorId, {
const { data: vendor, isLoading: isVendorLoading } = useVendor(vendorId, {
enabled: !!vendorId,
});
const contactId = state?.action;
// Handle fetch contact duplicate details.
const { data: contactDuplicate, isFetching: isContactLoading } = useContact(
const { data: contactDuplicate, isLoading: isContactLoading } = useContact(
contactId,
{
enabled: !!contactId,
},
{ enabled: !!contactId },
);
// Create and edit vendor mutations.