fix(ui): Fixed mobile transaction edit.

Resolves #1312
monetr · Feb 18, 2023 · d4a8298 · d4a8298
1 parent e24e4cd
commit d4a8298
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/ui/components/Transactions/TransactionsView/EditTransactionDialog.mobile.tsx b/ui/components/Transactions/TransactionsView/EditTransactionDialog.mobile.tsx
@@ -33,8 +33,13 @@ function EditTransactionDialogMobile(props: EditTransactionDialogMobileProps): J
   const { transaction } = props;
 
   async function closeDialog() {
-    modal.hide()
-      .then(() => modal.remove());
+    modal.keepMounted = false;
+    modal.hide();
+    setTimeout(() => modal.remove(), 500);
+    // TODO The promise from `modal.hide()` never resolves, so modal.remove is never called; causing issues with
+    //   the same modal being re-used here.
+    // modal.hide()
+    //   .then(() => console.warn(modal.remove()));
   }
 
   async function validateInput(input: EditTransactionForm): FormikErrors<EditTransactionForm> {
@@ -100,6 +105,7 @@ function EditTransactionDialogMobile(props: EditTransactionDialogMobileProps): J
 
   return (
     <SwipeableDrawer
+      transitionDuration={ 250 }
       style={ {
         zIndex: 1100,
       } }