33 lines
883 B
TypeScript
33 lines
883 B
TypeScript
import { Link } from "@remix-run/react";
|
|
|
|
type PostProps = {
|
|
id: string;
|
|
title: string;
|
|
createdAt: string;
|
|
description: string | null;
|
|
};
|
|
|
|
export function Post({ title, description, id, createdAt }: PostProps) {
|
|
return (
|
|
<div className="mx-5 md:mx-0 md:w-1/2 lg:w-1/3">
|
|
<div className="p-5 border-gray-600 border-2 rounded-lg">
|
|
<Link to={id}>
|
|
<div className="text-center font-bold">
|
|
<span className="text-[#ffff00] hover:text-[#e6c2bf] text-2xl">
|
|
{title}
|
|
</span>
|
|
<span className="ml-2">{`(${new Date(
|
|
createdAt
|
|
).toLocaleDateString()})`}</span>
|
|
</div>
|
|
{description && (
|
|
<div className="mt-5 italic text-xl max-w-3xl text-center">
|
|
{description}
|
|
</div>
|
|
)}
|
|
</Link>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|