fix : cancel button in item Category dialog.

This commit is contained in:
elforjani3
2020-11-14 14:30:52 +02:00
parent dcd5988a8e
commit b3dbc0d3b9
2 changed files with 9 additions and 2 deletions

View File

@@ -24,6 +24,7 @@ export default function ItemCategoryForm({
accountsList, accountsList,
categoriesList, categoriesList,
isSubmitting, isSubmitting,
onClose
}) { }) {
// Filters Item Categories list. // Filters Item Categories list.
const filterItemCategories = useCallback( const filterItemCategories = useCallback(
@@ -203,7 +204,7 @@ export default function ItemCategoryForm({
<div className={Classes.DIALOG_FOOTER}> <div className={Classes.DIALOG_FOOTER}>
<div className={Classes.DIALOG_FOOTER_ACTIONS}> <div className={Classes.DIALOG_FOOTER_ACTIONS}>
<Button> <Button onClick={onClose}>
<T id={'close'} /> <T id={'close'} />
</Button> </Button>
<Button intent={Intent.PRIMARY} type="submit" disabled={isSubmitting}> <Button intent={Intent.PRIMARY} type="submit" disabled={isSubmitting}>

View File

@@ -1,4 +1,4 @@
import React, { useMemo } from 'react'; import React, { useMemo, useCallback } from 'react';
import { Intent } from '@blueprintjs/core'; import { Intent } from '@blueprintjs/core';
import * as Yup from 'yup'; import * as Yup from 'yup';
import { useQuery, queryCache } from 'react-query'; import { useQuery, queryCache } from 'react-query';
@@ -121,6 +121,11 @@ function ItemCategoryFormDialogContent({
} }
}; };
// Handles dialog close.
const handleClose = useCallback(() => {
closeDialog(dialogName);
}, [closeDialog, dialogName]);
return ( return (
<DialogContent <DialogContent
isLoading={fetchCategoriesList.isFetching || fetchAccountsList.isFetching} isLoading={fetchCategoriesList.isFetching || fetchAccountsList.isFetching}
@@ -136,6 +141,7 @@ function ItemCategoryFormDialogContent({
accountsList={accountsList} accountsList={accountsList}
categoriesList={categoriesList} categoriesList={categoriesList}
isSubmitting={isSubmitting} isSubmitting={isSubmitting}
onClose={handleClose}
/> />
)} )}
</Formik> </Formik>