RelativeTime component for the 13 <time dateTime title> sites
Mantenedores costumam responder em até 1 dia
Ninguém assumiu esta issue ainda.
Avaliação
- Dificuldade
- 3/5
- Tempo estimado
- 1-2 dias
- Facilidade para iniciantes
- 76/100
- Tipo de issue
- Funcionalidade
- Clareza
- Claramente especificada
- Status de atividade
- Ativa
- Stack de tecnologia
- typescript
- Domínio
- frontend
Direção de pesquisa
Comece por apps/web/src/components/RelativeTime.tsx e revise PR #157 e plans/a11y-mechanical.md para verificar os padrões de data existentes. Verifique os 13 locais nomeados em ActivityCard, HelpWantedCard, BlogIndex, BlogDetail, Account, AccountClaim, StaffAccountClaimQueue, PersonDetail e ProjectDetail. O trabalho estará concluído quando esses locais usarem o componente compartilhado com as props necessárias e mantiverem dateTime, o título absoluto, o texto relativo e quaisquer prefixos.
Escrita pelo modelo de indexação a partir do texto da issue.
Descrição
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).
- Linguagem predominante
- TypeScript
- Estrelas
- 1
- Forks
- 1
- Merge médio
- 57min
- PRs com merge (30d)
- 57
Preparar o ambiente
- Inclui um Dockerfile ou arquivo Docker Compose
- Sem modelo de pull request
- Sem guia de contribuição
Primeiros passos
- Leia a issue inteira e depois o guia de contribuição do projeto.
- Comente na issue dizendo que vai assumir — evita que duas pessoas façam o mesmo trabalho.
- Faça um fork do repositório e trabalhe em uma branch.
- Abra um pull request que referencie o número da issue.
Mais de CodeForPhilly/codeforphilly-ng
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 84/100
CodeForPhilly/codeforphilly-ng#178 ·
Mantenedores costumam responder em até 1 dia
-
MarkdownEditor toolbar: use Radix Toolbar from radix-ui instead of the hand-rolled roving tabindexAbertaenhancement
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
CodeForPhilly/codeforphilly-ng#169 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 76/100
CodeForPhilly/codeforphilly-ng#89 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 88/100
CodeForPhilly/codeforphilly-ng#87 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 74/100
CodeForPhilly/codeforphilly-ng#50 ·
Mantenedores costumam responder em até 1 dia
Todas as issues de CodeForPhilly/codeforphilly-ng
Issues semelhantes
-
New icon: `filter-clear`Abertacalcite-ui-icons enhancement impact - p3 - not time sensitive needs triage
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 67/100
Esri/calcite-design-system#15467 ·
Mantenedores costumam responder em até 1 dia
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 78/100
diegosouzapw/OmniRoute#18390 ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 65/100
-
Dificuldade 1/5 1-3 horas Facilidade para iniciantes 86/100
guilhermerodz/input-otp#157 · 1 comentário ·
-
Dificuldade 2/5 1-3 horas Facilidade para iniciantes 82/100
davidjerleke/embla-carousel#1414 ·
Mantenedores costumam responder em até 4 dias