From fca6e17c10a9a737c5fae7417eec89701446875a Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Sun, 9 Jan 2022 16:58:23 +0100
Subject: refactor(styles): use compose to declare grid layouts once

I'm using same grid layouts in multiple places. To avoid maintenance
issue, I think it is better to declare the grid once and to import its
declaration where it is needed. Thanks to CSS modules, I can use
compose to do that.
---
 src/pages/blog/index.tsx | 18 ++++++++----------
 1 file changed, 8 insertions(+), 10 deletions(-)

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

diff --git a/src/pages/blog/index.tsx b/src/pages/blog/index.tsx
index 855e6ce..db4b7a8 100644
--- a/src/pages/blog/index.tsx
+++ b/src/pages/blog/index.tsx
@@ -51,16 +51,14 @@ const Blog: NextPageWithLayout<BlogPageProps> = ({ fallback }) => {
       </Head>
       <article className={styles.wrapper}>
         <PostHeader title={t`Blog`} />
-        <div className={styles.body}>
-          <PostsList data={data} showYears={true} />
-          {hasNextPage && (
-            <Button
-              isDisabled={isLoadingMore}
-              clickHandler={() => setSize(size + 1)}
-              position="center"
-            >{t`Load more?`}</Button>
-          )}
-        </div>
+        <PostsList data={data} showYears={true} />
+        {hasNextPage && (
+          <Button
+            isDisabled={isLoadingMore}
+            clickHandler={() => setSize(size + 1)}
+            position="center"
+          >{t`Load more?`}</Button>
+        )}
         <aside className={styles.aside}>
           <ThematicsList />
           <TopicsList />
-- 
cgit v1.2.3

