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/molecules/nav/nav-list.stories.tsx | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

(limited to 'src/components/molecules/nav/nav-list.stories.tsx')

diff --git a/src/components/molecules/nav/nav-list.stories.tsx b/src/components/molecules/nav/nav-list.stories.tsx
index 110a6ca..baaa8df 100644
--- a/src/components/molecules/nav/nav-list.stories.tsx
+++ b/src/components/molecules/nav/nav-list.stories.tsx
@@ -1,5 +1,5 @@
 import type { ComponentMeta, ComponentStory } from '@storybook/react';
-import { Envelop, Home } from '../../atoms';
+import { Icon } from '../../atoms';
 import { NavList, type NavItem } from './nav-list';
 
 /**
@@ -78,8 +78,13 @@ const Template: ComponentStory<typeof NavList> = (args) => (
 );
 
 const MainNavItems: NavItem[] = [
-  { id: 'homeLink', href: '/', label: 'Home', logo: <Home /> },
-  { id: 'contactLink', href: '/contact', label: 'Contact', logo: <Envelop /> },
+  { id: 'homeLink', href: '/', label: 'Home', logo: <Icon shape="home" /> },
+  {
+    id: 'contactLink',
+    href: '/contact',
+    label: 'Contact',
+    logo: <Icon shape="envelop" />,
+  },
 ];
 
 const FooterNavItems: NavItem[] = [
-- 
cgit v1.2.3

