refactor(components): replace LinksListWidget with LinksWidget

* avoid List component repeat
* rewrite tests and CSS
* add an id to LinksWidgetItemData (previously LinksListItems) type
because the label could be duplicated

2 files changed, 12 insertions, 12 deletions

diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 678b75a..e5fc2c2 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -8,7 +8,7 @@ import { useIntl } from 'react-intl';
 import {
   getLayout,
   Heading,
-  LinksListWidget,
+  LinksWidget,
   type MetaItemData,
   Notice,
   PageLayout,
@@ -37,7 +37,7 @@ import { settings } from '../../utils/config';
 import { ROUTES } from '../../utils/constants';
 import {
   getBlogSchema,
-  getLinksListItems,
+  getLinksItemData,
   getPageLinkFromRawData,
   getSchemaJson,
   getWebPageSchema,
@@ -242,13 +242,13 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
         breadcrumbSchema={breadcrumbSchema}
         headerMeta={headerMeta}
         widgets={[
-          <LinksListWidget
+          <LinksWidget
             heading={
               <Heading isFake level={3}>
                 {thematicsListTitle}
               </Heading>
             }
-            items={getLinksListItems(
+            items={getLinksItemData(
               thematicsList.map((thematic) =>
                 getPageLinkFromRawData(thematic, 'thematic')
               )
@@ -256,13 +256,13 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
             // eslint-disable-next-line react/jsx-no-literals -- Key allowed
             key="thematics-list"
           />,
-          <LinksListWidget
+          <LinksWidget
             heading={
               <Heading isFake level={3}>
                 {topicsListTitle}
               </Heading>
             }
-            items={getLinksListItems(
+            items={getLinksItemData(
               topicsList.map((topic) => getPageLinkFromRawData(topic, 'topic'))
             )}
             // eslint-disable-next-line react/jsx-no-literals -- Key allowed
diff --git a/src/pages/blog/page/[number].tsx b/src/pages/blog/page/[number].tsx
index 842c2b8..5f6a2d6 100644
--- a/src/pages/blog/page/[number].tsx
+++ b/src/pages/blog/page/[number].tsx
@@ -9,7 +9,7 @@ import { useIntl } from 'react-intl';
 import {
   getLayout,
   Heading,
-  LinksListWidget,
+  LinksWidget,
   type MetaItemData,
   PageLayout,
   PostsList,
@@ -36,7 +36,7 @@ import type {
 import { settings } from '../../../utils/config';
 import {
   getBlogSchema,
-  getLinksListItems,
+  getLinksItemData,
   getPageLinkFromRawData,
   getPostsList,
   getSchemaJson,
@@ -237,13 +237,13 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
         breadcrumbSchema={breadcrumbSchema}
         headerMeta={headerMeta}
         widgets={[
-          <LinksListWidget
+          <LinksWidget
             heading={
               <Heading isFake level={3}>
                 {thematicsListTitle}
               </Heading>
             }
-            items={getLinksListItems(
+            items={getLinksItemData(
               thematicsList.map((thematic) =>
                 getPageLinkFromRawData(thematic, 'thematic')
               )
@@ -251,13 +251,13 @@ const BlogPage: NextPageWithLayout<BlogPageProps> = ({
             // eslint-disable-next-line react/jsx-no-literals -- Key allowed
             key="thematics-list"
           />,
-          <LinksListWidget
+          <LinksWidget
             heading={
               <Heading isFake level={3}>
                 {topicsListTitle}
               </Heading>
             }
-            items={getLinksListItems(
+            items={getLinksItemData(
               topicsList.map((topic) => getPageLinkFromRawData(topic, 'topic'))
             )}
             // eslint-disable-next-line react/jsx-no-literals -- Key allowed