Hacktoberfest 2026: los issues que los mantenedores marcaron para octubre, abiertos y aptos para principiantes. Explorar issues de Hacktoberfest

RelativeTime component for the 13 <time dateTime title> sites

Abierto
#168 0 comentarios 0 reacciones 0 asignados Ver en GitHub

Los mantenedores suelen responder en 1 día

Nadie ha tomado este issue todavía.

Evaluación

Dificultad
3/5
Tiempo estimado
1-2 días
Aptitud para principiantes
76/100
Tipo de issue
Nueva funcionalidad
Claridad
Bien especificado
Estado de actividad
Activo
Stack tecnológico
typescript
Área
frontend

Línea de trabajo

Comienza con apps/web/src/components/RelativeTime.tsx y revisa el PR #157 y plans/a11y-mechanical.md para conocer los patrones de fecha existentes. Comprueba los 13 sitios nombrados en ActivityCard, HelpWantedCard, BlogIndex, BlogDetail, Account, AccountClaim, StaffAccountClaimQueue, PersonDetail y ProjectDetail. Se considera terminado cuando esos sitios usan el componente compartido con las props necesarias y conservan dateTime, el título absoluto, el texto relativo y cualquier prefijo.

Escrito por el modelo de indexación a partir del texto del issue.

Descripción

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).

Lenguaje dominante
TypeScript
Estrellas
1
Forks
1
Merge medio
11 min
PR fusionados (30 d)
22

Preparar el entorno

  • Incluye un Dockerfile o un archivo de Docker Compose
  • Sin plantilla de pull request
  • Sin guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Más de CodeForPhilly/codeforphilly-ng

Todos los issues de CodeForPhilly/codeforphilly-ng

Issues similares

Más issues de TypeScript

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.