{t('home.latest.title')}
{t('home.latest.sub')} {/* The controls sit in the header row, never over the cards: the previous site put arrows on top of the reviews and they covered the text. They start hidden and the island only shows them when the track actually overflows, so with JavaScript off, or with three reviews on a wide screen, there is nothing here that does not work. */}{t('home.latest.empty')}
) : (
{latest.map((review) => {
// One identity per card: the name from kind 0, or "Anon". The npub is
// display only here, because the whole card is one link and a copy button
// inside it would be a control inside a control.
const name = profileName(review.profile);
const initial = (name?.[0] ?? review.npub[5] ?? '?').toUpperCase();
const filled = review.rating === null ? 0 : Math.round(review.rating);
return (
{review.profile?.picture && (
)}
{
// No NIP-05 here: at this card width it truncates to half a
// domain, which says less than nothing. It renders in full on
// the mint page, where the row has the room.
name ? (
{name}
) : (
{t('reviews.anon')}
)
}
{shortNpub(review.npub)}
{
review.rating === null
? t('reviews.srNoRating')
: t('reviews.srRating', { rating: String(review.rating) })
}
{/* Five elements rather than one string, so the row fills star by
star when the card arrives. */}
{/* The review, exactly as its author wrote it. Never translated. */}
{review.content}
{displayDomain(review.mint_url)}
{f.relative(review.created_at)}
);
})}
)
}