chore: add Thematic page

1 files changed, 5 insertions, 3 deletions

diff --git a/src/components/organisms/layout/posts-list.tsx b/src/components/organisms/layout/posts-list.tsx
index 4d77d20..9dfe254 100644
--- a/src/components/organisms/layout/posts-list.tsx
+++ b/src/components/organisms/layout/posts-list.tsx
@@ -122,18 +122,20 @@ const PostsList: FC<PostsListProps> = ({
    * @returns {JSX.Element | JSX.Element[]} The posts list.
    */
   const getPosts = (): JSX.Element | JSX.Element[] => {
-    if (!byYear) return getList(posts);
+    const firstLevel = titleLevel || 2;
+    if (!byYear) return getList(posts, firstLevel);
 
     const postsPerYear = sortPostsByYear(posts);
     const years = Object.keys(postsPerYear).reverse();
+    const nextLevel = (firstLevel + 1) as HeadingLevel;
 
     return years.map((year) => {
       return (
         <section key={year} className={styles.section}>
-          <Heading level={2} className={styles.year}>
+          <Heading level={firstLevel} className={styles.year}>
             {year}
           </Heading>
-          {getList(postsPerYear[year], titleLevel)}
+          {getList(postsPerYear[year], nextLevel)}
         </section>
       );
     });