From 8e0c8c9255ba5ab466d8372fe223efeb5a3f0833 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Wed, 29 Dec 2021 17:52:21 +0100
Subject: chore: replace read more link with ButtonLink component

I also fix the load more button position since I removed the margin
auto.
---
 src/components/Buttons/Button/Button.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

(limited to 'src/components/Buttons/Button/Button.tsx')

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 (
-- 
cgit v1.2.3

