From d5ade2359539648845a5854ed353b29367961d74 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Mon, 20 Nov 2023 11:02:20 +0100
Subject: refactor(components): extract MetaItem from MetaList

* replace `items` prop on MetaList with `children` prop: it was too
restrictive and the global options was not really useful. It is better
too give control to the consumers.
---
 src/pages/index.tsx | 21 +++++++++------------
 1 file changed, 9 insertions(+), 12 deletions(-)

(limited to 'src/pages/index.tsx')

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
index 0306736..d708ac5 100644
--- a/src/pages/index.tsx
+++ b/src/pages/index.tsx
@@ -25,6 +25,7 @@ import {
   Section,
   type SectionProps,
   Time,
+  MetaItem,
 } from '../components';
 import HomePageContent from '../content/pages/homepage.mdx';
 import { getArticlesCard } from '../services/graphql';
@@ -332,18 +333,14 @@ const HomePage: NextPageWithLayout<HomeProps> = ({ recentPosts }) => {
               ) : undefined
             }
             meta={
-              <CardMeta
-                hasBorderedValues
-                hasInlinedValues
-                isCentered
-                items={[
-                  {
-                    id: 'publication-date',
-                    label: publicationDate,
-                    value: <Time date={post.dates.publication} />,
-                  },
-                ]}
-              />
+              <CardMeta isCentered>
+                <MetaItem
+                  hasBorderedValues
+                  isCentered
+                  label={publicationDate}
+                  value={<Time date={post.dates.publication} />}
+                />
+              </CardMeta>
             }
             isCentered
             linkTo={`${ROUTES.ARTICLE}/${post.slug}`}
-- 
cgit v1.2.3