diff --git a/CHANGELOG.md b/CHANGELOG.md index 70eb290..8db24d6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -14,6 +14,7 @@ and this project adheres to ### Fixed +- 💄(domains) improve user experience and avoid repeat fix_domain operations - 👽️(dimail) increase timeout value for check domain API call - 🧱(helm) add resource-server ingress path #743 - 🌐(backend) synchronize translations with crowdin again diff --git a/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx b/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx index 6156ee5..ddb6a9b 100644 --- a/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx +++ b/src/frontend/apps/desk/src/features/mail-domains/domains/components/MailDomainView.tsx @@ -1,5 +1,6 @@ import { Button, + Loader, Modal, ModalSize, VariantType, @@ -62,18 +63,17 @@ export const MailDomainView = ({ mailDomain, onMailDomainUpdate }: Props) => { toast(t('copy done'), VariantType.SUCCESS); }; - const { mutate: fetchMailDomain } = useFetchFromDimail({ - onSuccess: (data: MailDomain) => { - console.info('fetchMailDomain success', data); - setShowModal(false); - toast(t('Domain data fetched successfully'), VariantType.SUCCESS); - onMailDomainUpdate?.(data); - }, - onError: () => { - console.error('fetchMailDomain error'); - toast(t('Failed to fetch domain data'), VariantType.ERROR); - }, - }); + const { mutate: fetchMailDomain, isPending: fetchPending } = + useFetchFromDimail({ + onSuccess: (data: MailDomain) => { + setShowModal(false); + toast(t('Domain data fetched successfully'), VariantType.SUCCESS); + onMailDomainUpdate?.(data); + }, + onError: () => { + toast(t('Failed to fetch domain data'), VariantType.ERROR); + }, + }); return ( <> @@ -155,13 +155,17 @@ export const MailDomainView = ({ mailDomain, onMailDomainUpdate }: Props) => { )}
             
- + {fetchPending ? ( + + ) : ( + + )}