Refactor get animation delay (#287)

* Refactor ANIMATION_DELAY_PROMISE to `getAnimationDelay`

* Update CHANGELOG

Author: arhtudormorar

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- [Refactored side panel helper to `getAnimationDelay`](https://github.com/multiversx/mx-sdk-dapp-ui/pull/287)
 
 ## [[0.1.9](https://github.com/multiversx/mx-sdk-dapp-ui/pull/286)] - 2026-01-13
 

src/common/SidePanel/helpers/getAnimationDelay.ts

@@ -0,0 +1 @@
+export const getAnimationDelay = () => new Promise(resolve => setTimeout(resolve, 300));

src/common/SidePanel/sidePanel.constants.ts

@@ -1,7 +1,7 @@
 import { Component, h, Method, State } from '@stencil/core';
 import { Icon } from 'common/Icon';
+import { getAnimationDelay } from 'common/SidePanel/helpers/getAnimationDelay';
 import { SidePanel } from 'common/SidePanel/SidePanel';
-import { ANIMATION_DELAY_PROMISE } from 'common/SidePanel/sidePanel.constants';
 import { TransactionListItem } from 'components/functional/notifications-feed/components/TransactionListItem/TransactionListItem';
 import type { ITransactionListItem } from 'components/functional/notifications-feed/components/TransactionListItem/transactionListItem.types';
 import { ConnectionMonitor } from 'utils/ConnectionMonitor';
@@ -29,7 +29,7 @@ export class NotificationsFeed {
 
   @Method() async closeWithAnimation() {
     this.isOpen = false;
-    const animationDelay = await ANIMATION_DELAY_PROMISE();
+    const animationDelay = await getAnimationDelay();
     return animationDelay;
   }
 

src/components/functional/notifications-feed/notifications-feed.tsx

@@ -1,7 +1,7 @@
 import { Component, h, Method, State } from '@stencil/core';
 import { ProviderIdleScreen } from 'common/ProviderIdleScreen/ProviderIdleScreen';
+import { getAnimationDelay } from 'common/SidePanel/helpers/getAnimationDelay';
 import { SidePanel } from 'common/SidePanel/SidePanel';
-import { ANIMATION_DELAY_PROMISE } from 'common/SidePanel/sidePanel.constants';
 import type { IProviderBase } from 'types/provider.types';
 import { ProviderTypeEnum } from 'types/provider.types';
 import { ConnectionMonitor } from 'utils/ConnectionMonitor';
@@ -45,7 +45,7 @@ export class PendingTransactionsPanel {
 
   @Method() async closeWithAnimation() {
     this.isOpen = false;
-    const animationDelay = await ANIMATION_DELAY_PROMISE();
+    const animationDelay = await getAnimationDelay();
     return animationDelay;
   }
 

src/components/functional/pending-transactions-panel/pending-transactions-panel.tsx

@@ -1,7 +1,7 @@
 import { Component, h, Method, State } from '@stencil/core';
 import { getCopyClickAction } from 'common/CopyButton/getCopyClickAction';
+import { getAnimationDelay } from 'common/SidePanel/helpers/getAnimationDelay';
 import { SidePanel } from 'common/SidePanel/SidePanel';
-import { ANIMATION_DELAY_PROMISE } from 'common/SidePanel/sidePanel.constants';
 import { DataTestIdsEnum } from 'constants/dataTestIds.enum';
 import { ConnectionMonitor } from 'utils/ConnectionMonitor';
 import type { IEventBus } from 'utils/EventBus';
@@ -28,7 +28,7 @@ export class SignTransactionsPanel {
 
   @Method() async closeWithAnimation() {
     this.isOpen = false;
-    const animationDelay = await ANIMATION_DELAY_PROMISE();
+    const animationDelay = await getAnimationDelay();
     return animationDelay;
   }
 

src/components/functional/sign-transactions-panel/sign-transactions-panel.tsx

@@ -1,7 +1,7 @@
 import { Component, Element, h, Method, State } from '@stencil/core';
 import { ProviderIdleScreen } from 'common/ProviderIdleScreen/ProviderIdleScreen';
+import { getAnimationDelay } from 'common/SidePanel/helpers/getAnimationDelay';
 import { SidePanel } from 'common/SidePanel/SidePanel';
-import { ANIMATION_DELAY_PROMISE } from 'common/SidePanel/sidePanel.constants';
 import type { IProviderBase } from 'types/provider.types';
 import { ProviderTypeEnum } from 'types/provider.types';
 import { ConnectionMonitor } from 'utils/ConnectionMonitor';
@@ -42,7 +42,7 @@ export class UnlockPanel {
 
   @Method() async closeWithAnimation() {
     this.isOpen = false;
-    const animationDelay = await ANIMATION_DELAY_PROMISE();
+    const animationDelay = await getAnimationDelay();
     return animationDelay;
   }