chore: replace read more link with ButtonLink component

I also fix the load more button position since I removed the margin
auto.

1 files changed, 6 insertions, 1 deletions

diff --git a/src/components/Buttons/Button/Button.tsx b/src/components/Buttons/Button/Button.tsx
index 8256e6b..80acf8d 100644
--- a/src/components/Buttons/Button/Button.tsx
+++ b/src/components/Buttons/Button/Button.tsx
@@ -1,19 +1,24 @@
+import { ButtonPosition } from '@ts/types/app';
 import { ReactNode } from 'react';
 import styles from '../Buttons.module.scss';
 
 const Button = ({
   children,
   clickHandler,
+  position = 'left',
   isDisabled = false,
   isPrimary = false,
 }: {
   children: ReactNode;
   clickHandler: any;
+  position?: ButtonPosition;
   isDisabled?: boolean;
   isPrimary?: boolean;
 }) => {
   const classes = `${styles.btn} ${
-    isPrimary ? styles.primary : styles.secondary
+    isPrimary
+      ? `${styles.primary} ${styles[`primary--${position}`]}`
+      : `${styles.secondary} ${styles[`secondary--${position}`]}`
   }`;
 
   return (