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) |
| 12 | return ( |
| 13 | <time datetime={date} safe> |
| 14 | {label} |
| 15 | </time> |
| 16 | ); |
| 17 | return ( |
| 18 | <time |
| 19 | datetime={date} |
| 20 | class="edited-indicator" |
| 21 | title={`Edited ${formatDateTime(editedAt)}`} |
| 22 | safe |
| 23 | > |
| 24 | *{label} |
| 25 | </time> |
| 26 | ); |
| 27 | } |
| 28 |