add optional thumbnail to blog posts in list

mcordoba00 · Nov 6, 2024 · ae17898 · ae17898
1 parent 44db7d1
commit ae17898
Show file tree

Hide file tree

Showing 4 changed files with 3 additions and 10 deletions.
diff --git a/src/app/[locale]/blog/page.tsx b/src/app/[locale]/blog/page.tsx
@@ -80,7 +80,7 @@ export default function Blog(
             </Heading>
 			<Flex
 				fillWidth flex={1} direction="column">
-				<Posts range={[1,3]} locale={locale}/>
+				<Posts range={[1,3]} locale={locale} thumbnail/>
 				<Posts range={[4]} columns="2" locale={locale}/>
 			</Flex>
             {newsletter.display && (

diff --git a/src/app/[locale]/blog/posts/en/new-milestone-in-my-career.mdx b/src/app/[locale]/blog/posts/en/new-milestone-in-my-career.mdx
@@ -1,6 +1,7 @@
 ---
 title: "Arriving to a new milestone in my career"
 publishedAt: "2024-04-08"
+image: "/images/gallery/img-02.jpg"
 summary: "Every career is a journey, filled with challenges, growth, and those significant moments that mark a shift in our path."
 tag: "Journal"
 ---

diff --git a/src/app/utils/utils.ts b/src/app/utils/utils.ts
@@ -39,6 +39,7 @@ function readMDXFile(filePath: string) {
         title: data.title || '',
         publishedAt: data.publishedAt,
         summary: data.summary || '',
+        image: data.image || '',
         images: data.images || [],
         tag: data.tag || [],
         team: data.team || [],

diff --git a/src/components/blog/Posts.module.scss b/src/components/blog/Posts.module.scss
@@ -3,14 +3,5 @@
 
     &:hover {
         transform: translateX(var(--static-space-8));
-
-        .image {
-            transform: scale(1.04);
-        }
     }
-}
-
-.image {
-    transform: scale(1);
-    transition: var(--transition-micro-medium);
 }