this repo has no description
www.baileykane.co/
Basic display of content
+16
-3
+16
-3
components/BlogPostPreview.tsx
+16
-3
components/BlogPostPreview.tsx
···
1
1
import BlogPost from "@/types/BlogPost";
2
+
import Link from "next/link";
2
3
import React from "react";
3
4
4
5
interface BlogPostPreviewProps {
···
9
10
blogPost,
10
11
}: BlogPostPreviewProps): React.ReactElement {
11
12
return (
12
-
<div>
13
-
<h2>{blogPost.title}</h2>
14
-
</div>
13
+
<Link href={blogPost.slug}>
14
+
<div
15
+
className={`section-item border-stone-800 dark:border-stone-200 group transition hover:scale-105 p-2 cursor-pointer`}
16
+
>
17
+
<div className="">
18
+
<p className="text-sm mb-2 text-stone-700 dark:text-stone-100">
19
+
From {blogPost.publishedDate}
20
+
</p>
21
+
<h2 className="mb-1 font-bold">{blogPost.title}</h2>
22
+
<p className="text-stone-700 dark:text-stone-100 line-clamp-3">
23
+
{blogPost.content}
24
+
</p>
25
+
</div>
26
+
</div>
27
+
</Link>
15
28
);
16
29
}