DateWithEdited.tsx
| 1 | import { formatDate, formatDateTime } from "../lib/formatDate.ts"; |
| 2 | |
| 3 | export function DateWithEdited({ |
| 4 | date, |
| 5 | editedAt, |
| 6 | }: { |
| 7 | date: string; |
| 8 | editedAt: string | null; |
| 9 | }) { |
| 10 | const label = formatDate(date); |
| 11 | if (!editedAt) return <time datetime={date}>{label}</time>; |
| 12 | return ( |
| 13 | <time |
| 14 | datetime={date} |
| 15 | class="edited-indicator" |
| 16 | title={`Edited ${formatDateTime(editedAt)}`} |
| 17 | > |
| 18 | *{label} |
| 19 | </time> |
| 20 | ); |
| 21 | } |
| 22 |