aceleradora-TW / aceleradora-TW/acelera-mais-front

[O2] Criar componente de paginação

Open
#179 0 comments 0 reactions 2 assignees Assigned to @nicofercavv-dev View on GitHub
documentation FRONT-END Nv: Médio
Dominant language
JavaScript
Stars
2
Forks
1
PR merge metrics
No merged PRs in 30d

Description

Eu, como mentora avaliadora
Quero ver um número máximo de itens na listagem de mentoras avaliadoras e de desafios
Para otimizar o tempo de carregamento.

Protótipo
===
Sugestão: algo proóximo ao git hub
< prev 1 2 3 ... 999 next >
Padrão de cores como segui no protótipo https://www.figma.com/file/au1E6SIKTSc1JIjJidYSv2/Untitled?node-id=0%3A1
POSSIVEIS CENARIOS (podem ser modificados para que a implementação fique mais simples)
cenario página 499/999 :
< prev 1 ...498 **499** 500...999 next >
cenário página 1/1: < *prev* 1 *next* >
cenario página 1/2 : < *prev* **1** 2 next >
cenario página 2/2 : < prev 1 **2** *next* >
cenário página 3/3 : < prev 1 2 **3** *next* >
cenário de página 5/6 : < prev 1 ...4 **5** 6 next >
cenário de pg 6/6 : < prev 1 ... 5 **6** *next* >

Critérios
===
- Validar layout com Ju Martins https://www.figma.com/file/au1E6SIKTSc1JIjJidYSv2/Untitled?node-id=0%3A1
- Criar componente de listagem de paginação
- Suporte inglês e pt
- Documentar componente no Storybook
- Adiconar funcionalidade ao componente

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.