perf: remove transition on closing an account list

binary-com · Jun 12, 2023 · d19d8c8 · d19d8c8
1 parent beb601e
commit d19d8c8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/packages/components/src/components/modal/modal.tsx b/packages/components/src/components/modal/modal.tsx
@@ -212,6 +212,7 @@ type TModal = TModalElement & {
     exit_classname?: string;
     onEntered?: () => void;
     onExited?: () => void;
+    transition_timeout?: React.ComponentProps<typeof CSSTransition>['timeout'];
 };
 
 const Modal = ({
@@ -242,13 +243,14 @@ const Modal = ({
     should_header_stick_body = true,
     small,
     title,
+    transition_timeout,
     toggleModal,
     width,
 }: React.PropsWithChildren<TModal>) => (
     <CSSTransition
         appear
         in={is_open}
-        timeout={250}
+        timeout={transition_timeout || 250}
         classNames={{
             appear: 'dc-modal__container--enter',
             enter: 'dc-modal__container--enter',

diff --git a/packages/components/src/components/transfer-account-selector/transfer-account-selector.tsx b/packages/components/src/components/transfer-account-selector/transfer-account-selector.tsx
@@ -88,6 +88,7 @@ const TransferAccountSelector = ({
                 is_open={is_list_modal_open}
                 onUnmount={() => setIsWalletNameVisible?.(true)}
                 portalId={portal_id}
+                transition_timeout={{ enter: 250, exit: 0 }}
                 title={label}
                 toggleModal={() => setIsListModalOpen(old => !old)}
             >