2023-08-14 14:13:50 +02:00
|
|
|
import Avatar from "./avatar";
|
|
|
|
import Date from "./date";
|
2021-03-04 20:12:42 +01:00
|
|
|
import CoverImage from "./cover-image";
|
|
|
|
import Link from "next/link";
|
|
|
|
|
|
|
|
export default function PostPreview({
|
|
|
|
title,
|
|
|
|
coverImage,
|
|
|
|
date,
|
|
|
|
excerpt,
|
|
|
|
author,
|
|
|
|
slug,
|
|
|
|
}) {
|
|
|
|
return (
|
|
|
|
<div>
|
|
|
|
<div className="mb-5">
|
|
|
|
<CoverImage slug={slug} title={title} url={coverImage} />
|
|
|
|
</div>
|
2023-08-14 14:13:50 +02:00
|
|
|
<h3 className="text-3xl mb-3 leading-snug">
|
2022-10-30 21:00:45 +01:00
|
|
|
<Link href={`/posts/${slug}`} className="hover:underline">
|
|
|
|
{title}
|
2021-03-04 20:12:42 +01:00
|
|
|
</Link>
|
|
|
|
</h3>
|
2023-08-14 14:13:50 +02:00
|
|
|
{date && (
|
|
|
|
<div className="text-lg mb-4">
|
|
|
|
<Date dateString={date} />
|
|
|
|
</div>
|
|
|
|
)}
|
|
|
|
<div
|
|
|
|
className="text-lg leading-relaxed mb-4"
|
|
|
|
dangerouslySetInnerHTML={{ __html: excerpt }}
|
|
|
|
></div>
|
|
|
|
<Avatar name={author.full_name} picture={author.profile_pic[0].url} />
|
2021-03-04 20:12:42 +01:00
|
|
|
</div>
|
|
|
|
);
|
|
|
|
}
|