Hacktoberfest 2026: le issue che i maintainer hanno segnato per ottobre, aperte e adatte ai principianti. Sfoglia le issue Hacktoberfest

RelativeTime component for the 13 <time dateTime title> sites

Aperta
  • Qualcosa non va?
#168 0 commenti 0 reazioni 0 assegnatari Vedi su GitHub

I maintainer di solito rispondono entro 1 giorno

Nessuno ha ancora preso questa issue.

Valutazione

Difficoltà
3/5
Tempo stimato
1-2 giorni
Idoneità per principianti
76/100
Tipo di issue
Funzionalità
Chiarezza
Specificata chiaramente
Stato di attività
Attiva
Stack tecnologico
typescript
Ambito
frontend

Direzione di ricerca

Inizia da apps/web/src/components/RelativeTime.tsx e consulta PR #157 e plans/a11y-mechanical.md per verificare i pattern di data esistenti. Controlla i 13 siti indicati in ActivityCard, HelpWantedCard, BlogIndex, BlogDetail, Account, AccountClaim, StaffAccountClaimQueue, PersonDetail e ProjectDetail. Il lavoro è completo quando questi siti usano il componente condiviso con le props necessarie e mantengono dateTime, il titolo assoluto, il testo relativo ed eventuali prefissi.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Descrizione

enhancement

Context

PR #157 converted every relative or title-only date in apps/web to <time dateTime={iso} title={formatAbsoluteDate(iso)}>{formatRelativeTime(iso)}</time> — 13 sites after the sweep, across ActivityCard, HelpWantedCard, BlogIndex, BlogDetail, Account, AccountClaim, StaffAccountClaimQueue, PersonDetail, ProjectDetail.

Problem

Three attributes and two formatter calls per site, all identical. The next date rendered in the app will likely drop one of them (that is exactly how three sites were missed on the first pass of #157).

Proposal

A RelativeTime component (apps/web/src/components/RelativeTime.tsx) taking iso and an optional className, rendering the <time> with dateTime, the absolute title, and the relative text; optionally a prefix prop for "posted", "joined", etc. Migrate the 13 sites.

Deferred from plans/a11y-mechanical.md (PR #157).

Lingua principale
TypeScript
Stelle
1
Fork
1
Merge medio
11m
PR unite (30g)
22

Preparare l'ambiente

  • Include un Dockerfile o un file Docker Compose
  • Nessun modello di pull request
  • Nessuna guida per i contributori

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Altre issue di CodeForPhilly/codeforphilly-ng

Tutte le issue di CodeForPhilly/codeforphilly-ng

Issue simili

Altre issue su TypeScript

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.