28 lines
791 B
TypeScript
28 lines
791 B
TypeScript
import { Link } from "@remix-run/react";
|
|
import { BlogWrapper } from "~/components/BlogWrapper";
|
|
|
|
type PostProps = {
|
|
filename: string;
|
|
title: string;
|
|
published: string;
|
|
description: string | null;
|
|
};
|
|
|
|
export function Post({ title, description, filename, published }: PostProps) {
|
|
return (
|
|
<BlogWrapper>
|
|
<Link to={filename}>
|
|
<div className="p-5 text-center font-bold border-gray-600 border-2 rounded-lg">
|
|
<span className="text-[#ffff00] hover:text-[#e6c2bf] text-2xl">
|
|
{title}
|
|
</span>
|
|
<span className="ml-2">{`(${new Date(
|
|
published,
|
|
).toLocaleDateString()})`}</span>
|
|
{description && <div className="mt-5 text-xl">{description}</div>}
|
|
</div>
|
|
</Link>
|
|
</BlogWrapper>
|
|
);
|
|
}
|