Conversation
|
Parabéns pela entrega! Requisitos do projeto ✅
Comentários da pessoa avaliadoraParabéns pela entrega. Vi que faltava algumas paginas ficarem prontas. Aqui vão alguns ponto positivos do seu código: Mas, há alguns pontos de atenção que podem ser melhorados: Alguns comentários ao longo do código abaixo: |
| <option value="megasena">Mega-Sena</option> | ||
| <option value="quina">Quina</option> | ||
| <option value="timemania">Timemania</option> | ||
| </select> |
There was a problem hiding this comment.
Aqui você fez um select com os dados mocados, o ideal é que você utilizasse os dados que você guardou globalmente em ids, onde você tem um array desse tipo:
[
{
"id": 1,
"nome": "Mega Sena"
}
]
E poderia fazer um map com ele,
There was a problem hiding this comment.
Nessa parte do código também o valor de identificação é o id, seria melhor ter trabalhado com ele.
|
|
||
| const GlobalState = (props) => { | ||
|
|
||
| const [loto, setLoto] = useState("") |
There was a problem hiding this comment.
não precisava deste estado, pois você também coloca um "identificador" na url
| alert(error.message) | ||
| }) | ||
| } | ||
|
|
There was a problem hiding this comment.
o useEffext que chama a getSortitions e a getLoteries poderia estar no estado global, já que todas as paginas precisam assim que roda o site, e não muda.
Os dados que variam são os que vem do GET: /concursos/{id}, já que este depende do id do concurso.
There was a problem hiding this comment.
Senti falta também de uma função que faz o find para encontrar o código do concurso, já que esse tipo de informação todas as paginas iriam precisar filtrar,
| default: | ||
| goToMegaSena(history) | ||
| } | ||
| } |
There was a problem hiding this comment.
Apenas o select utiliza esta função, poderia estar no component em vez do estado global.
| DiaDeSorte Page | ||
| <Select /> | ||
| </div> | ||
| ) |
There was a problem hiding this comment.
Passando a logica para uma única pagina você iria evitar muito retrabalho e todas os concursos seriam mostrados,
| <div className='sortNumber' id="lotofacilSortNumber4">{numeros && numeros[3]}</div> | ||
| <div className='sortNumber' id="lotofacilSortNumber5">{numeros && numeros[4]}</div> | ||
| <div className='sortNumber' id="lotofacilSortNumber6">{numeros && numeros[4]}</div> | ||
|
|
There was a problem hiding this comment.
Quando você tiver um array e quer exibi-lo, um map é a melhor solução, se você não o fez por conta do id, eu deixo a minha sugestão de como você poderia escrever o map e deixar o id dinâmico, E evitaria problemas como o das linhas 69 2 79 em que você repetiu o índice 4.
{
numeros && numeros.map((numero, index) => {
return <div className='sortNumber'
id={`lotofacilSortNumber${index + 1}`}>{numero}</div>
}
)
}
| @@ -0,0 +1,11 @@ | |||
| export const setDateToDDMMYYY = (stringDate) => { | |||
There was a problem hiding this comment.
Fez bem em extrair essa logica para uma função
2 participants
POR FAVOR, EDITE ESSA MENSAGEM INSERINDO AS INFORMAÇÕES DO SEU PROJETO. COMECE APAGANDO ESSA LINHA.
INSIRA O NOME NOME DO PROJETO AQUI
O que funciona
O que não funciona
Link Surge
A PARTIR DA SEMANA 5, INSIRA AQUI O LINK DO SURGE. ANTES DISSO, APAGUE ESSAS DUAS LINHAS.
Imagens
TIRE PRINTS DAS TELAS DO SEU SITE E COLE AQUI