From 837e0e904c40f7b87561c34ca3f49edd5d8d1c52 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 28 Sep 2023 18:03:43 +0200
Subject: feat(components): replace icons with a generic Icon component

Sizes are also predefined and can be set using the `size` prop,
so the consumers should no longer adjust the size in CSS.
---
 src/components/organisms/layout/summary.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

(limited to 'src/components/organisms/layout/summary.tsx')

diff --git a/src/components/organisms/layout/summary.tsx b/src/components/organisms/layout/summary.tsx
index e7a5d48..99f6c85 100644
--- a/src/components/organisms/layout/summary.tsx
+++ b/src/components/organisms/layout/summary.tsx
@@ -3,10 +3,10 @@ import { useIntl } from 'react-intl';
 import type { Article, Meta as MetaType } from '../../../types';
 import { useReadingTime } from '../../../utils/hooks';
 import {
-  Arrow,
   ButtonLink,
   Heading,
   type HeadingLevel,
+  Icon,
   Link,
 } from '../../atoms';
 import {
@@ -123,11 +123,13 @@ export const Summary: FC<SummaryProps> = ({
         <ButtonLink className={styles['read-more']} to={url}>
           <>
             {readMore}
-            <Arrow
+            <Icon
               aria-hidden={true}
               className={styles.icon}
               // eslint-disable-next-line react/jsx-no-literals -- Direction allowed
-              direction="right"
+              orientation="right"
+              // eslint-disable-next-line react/jsx-no-literals -- Shape allowed
+              shape="arrow"
             />
           </>
         </ButtonLink>
-- 
cgit v1.2.3

