replaced getToastAnimation with mapping const

coinbase · Nov 14, 2024 · fad0490 · fad0490
1 parent 183aeca
commit fad0490
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 48 deletions.
diff --git a/src/internal/components/Toast.tsx b/src/internal/components/Toast.tsx
@@ -1,7 +1,6 @@
 import { useEffect } from 'react';
 import { background, cn } from '../../styles/theme';
 import { closeSvg } from '../svg/closeSvg';
-import { getToastAnimation } from '../utils/getToastAnimation';
 import { getToastPosition } from '../utils/getToastPosition';
 
 type ToastProps = {
@@ -14,6 +13,13 @@ type ToastProps = {
   children: React.ReactNode;
 };
 
+const defaultAnimationByPosition = {
+  'top-center': 'animate-enterDown',
+  'top-right': 'animate-enterRight',
+  'bottom-center': 'animate-enterUp',
+  'bottom-right': 'animate-enterRight',
+};
+
 export function Toast({
   className,
   durationMs = 3000,
@@ -24,7 +30,7 @@ export function Toast({
   children,
 }: ToastProps) {
   const positionClass = getToastPosition(position);
-  const animationClass = animation ?? getToastAnimation(position);
+  const animationClass = animation ?? defaultAnimationByPosition[position];
 
   useEffect(() => {
     const timer = setTimeout(() => {

diff --git a/src/internal/utils/getToastAnimation.test.ts b/src/internal/utils/getToastAnimation.test.ts
diff --git a/src/internal/utils/getToastAnimation.ts b/src/internal/utils/getToastAnimation.ts