xpltdco/chrysopedia
2
0
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

feat: render last-updated dates on creators page and homepage cards

Browse source
This commit is contained in:
jlightner 2026-04-03 04:17:53 +00:00
parent 18c76dd8ec
commit 8d3f9fd74f
4 changed files with 39 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
frontend/src/App.css
View file

@ -2468,6 +2468,11 @@ a.app-footer__repo:hover {
color: var(--color-border);
}
.creator-row__updated {
color: var(--color-text-secondary);
opacity: 0.7;
}
/* ══════════════════════════════════════════════════════════════════════════════
CREATOR DETAIL
══════════════════════════════════════════════════════════════════════════════ */
@ -5018,6 +5023,21 @@ a.app-footer__repo:hover {
flex-shrink: 0;
}
.recent-card__header-right {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 0.15rem;
flex-shrink: 0;
}
.recent-card__date {
font-size: 0.7rem;
color: var(--color-text-secondary);
opacity: 0.65;
white-space: nowrap;
}
/* ── Search result card creator ───────────────────────────────────────── */
.search-result-card__creator {

1
frontend/src/api/public-client.ts
View file

@ -164,6 +164,7 @@ export interface CreatorBrowseItem {
updated_at: string;
technique_count: number;
video_count: number;
last_technique_at: string | null;
}
export interface CreatorBrowseResponse {

8
frontend/src/pages/CreatorsBrowse.tsx
View file

@ -178,6 +178,14 @@ export default function CreatorsBrowse() {
<span className="creator-row__stat">
{creator.view_count.toLocaleString()} views
</span>
{creator.last_technique_at && (
<>
<span className="creator-row__separator">·</span>
<span className="creator-row__stat creator-row__updated">
Last updated: {new Date(creator.last_technique_at).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
</span>
</>
)}
</span>
</Link>
))}

13
frontend/src/pages/Home.tsx
View file

@ -239,9 +239,16 @@ export default function Home() {
>
<span className="recent-card__header">
<span className="recent-card__title">{t.title}</span>
{t.creator_name && (
<span className="recent-card__creator">{t.creator_name}</span>
)}
<span className="recent-card__header-right">
{t.creator_name && (
<span className="recent-card__creator">{t.creator_name}</span>
)}
{t.created_at && (
<span className="recent-card__date">
{new Date(t.created_at).toLocaleDateString('en-US', { month: 'short', day: 'numeric' })}
</span>
)}
</span>
</span>
<span className="recent-card__meta">
<span className="badge badge--category">