chore: add default animation class

deriv-com · Dec 8, 2023 · 6c29590 · 6c29590
1 parent 69728ff
commit 6c29590
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 7 deletions.
diff --git a/libs/blocks/src/lib/fast-payment/base/base.stories.tsx b/libs/blocks/src/lib/fast-payment/base/base.stories.tsx
@@ -159,7 +159,6 @@ export const Carousel: Story = {
     ...Default.args,
     content: {
       cols: 'infinite',
-      sliderClass: 'animate-[slide_100s_linear_infinite]',
       cards: sliderCards,
     },
   },

diff --git a/libs/components/src/lib/cards-container/index.tsx b/libs/components/src/lib/cards-container/index.tsx
@@ -37,8 +37,8 @@ export const CardsContainer = <T extends CardVariantType>({
   dense = false,
   variant,
   className,
-  sliderClass,
   isRtl,
+  sliderClass = isRtl ? `animate-slideRtl` : `animate-slide`,
 }: CardsContainerProps<T>) => {
   const CardComponent = Card[variant];
 
@@ -48,11 +48,7 @@ export const CardsContainer = <T extends CardVariantType>({
       'basis-full sm:basis-[calc((100%-16px)/2)] lg:basis-[calc((100%-16px*2)/3)]',
     four: 'basis-full sm:basis-[calc((100%-16px)/2)] lg:basis-[calc((100%-16px*3)/4)]',
     five: 'basis-full sm:basis-[calc((100%-16px)/2)] lg:basis-[calc((100%-16px*4)/5)]',
-    infinite: qtJoin(
-      'flex',
-      isRtl ? `animate-slideRtl` : `animate-slide`,
-      sliderClass,
-    ),
+    infinite: qtJoin('flex', sliderClass),
   };
 
   return (