From f914ff8376dd91c4f6f8ca149e1cb6becb622d88 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 2 Oct 2023 18:45:30 +0200
Subject: refactor(components): rewrite Link component

* rename `external` prop to `isExternal`
* rename `download` prop to `isDownload`
* rewrite CSS to reduce code length and complexity
* move link styles in Sass placeholders to avoid repeats because of WordPress
articles
* move NavLink component to molecules
---
 src/components/molecules/nav/nav-list.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

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

diff --git a/src/components/molecules/nav/nav-list.tsx b/src/components/molecules/nav/nav-list.tsx
index 55c2aa9..b3c7138 100644
--- a/src/components/molecules/nav/nav-list.tsx
+++ b/src/components/molecules/nav/nav-list.tsx
@@ -1,5 +1,6 @@
 import type { FC, ReactNode } from 'react';
-import { Link, List, ListItem, Nav, NavLink, type NavProps } from '../../atoms';
+import { Link, List, ListItem, Nav, type NavProps } from '../../atoms';
+import { NavLink } from './nav-link';
 import styles from './nav-list.module.scss';
 
 export type NavItem = {
@@ -49,7 +50,7 @@ export const NavList: FC<NavListProps> = ({
   ...props
 }) => {
   const kindClass = `nav--${kind}`;
-  const navClass = `${styles[kindClass]} ${className}`;
+  const navClass = `${styles.nav} ${styles[kindClass]} ${className}`;
 
   /**
    * Get the nav items.
-- 
cgit v1.2.3