fix: some nitpicks

deriv-com · Oct 19, 2023 · c1b56ed · c1b56ed
1 parent 33bf356
commit c1b56ed
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 8 deletions.
diff --git a/libs/blocks/src/lib/fast-payment/standard/index.tsx b/libs/blocks/src/lib/fast-payment/standard/index.tsx
@@ -35,16 +35,16 @@ const FastPayment: React.FC<FastPaymentProps> = ({
         {link && (
           <CustomLink
             href={link.href}
-            className="flex items-center justify-center text-typography-link"
+            className="flex items-center justify-center text-300 text-opacity-black-600"
           >
             {link.content}
-            <StandaloneChevronRightRegularIcon fill="#FF444F" />
+            <StandaloneChevronRightRegularIcon fill="#000000b8" />
           </CustomLink>
         )}
-        <div className="mb-general-lg mt-general-xl flex w-full justify-center">
+        <div className="mb-general-lg mt-general-2xl flex w-full justify-center">
           <CardsContainer
             cards={cards}
-            variant={'ContentBottom'}
+            variant="ContentBottom"
             cols={cols}
             dense={dense}
           />

diff --git a/libs/components/src/lib/card/types/index.ts b/libs/components/src/lib/card/types/index.ts
@@ -1,3 +1,4 @@
+import { LinkProps } from '@deriv-com/utils';
 import { ReactNode } from 'react';
 
 export type StatCardVariant = 'white' | 'dark' | 'coral';
@@ -18,10 +19,7 @@ export interface CardContent extends BaseCardContent {
   icon?: ReactNode;
   description?: string;
   children?: ReactNode;
-  link?: {
-    content: ReactNode;
-    href: string;
-  };
+  link?: LinkProps;
   content?: ReactNode;
   color: CardColorVariant;
   align: CardAlignVariant;