aceleradora-TW / aceleradora-TW/descarte-certo

[Relatório de Orçamento] assinar o token no header da request

Abierto
#182 0 comentarios 0 reacciones 2 asignados Reclamado por @nanifool Ver en GitHub
Front-End
Lenguaje dominante
JavaScript
Estrellas
15
Forks
6
Métricas de merge de PR
Sin PR fusionados en 30 d

Descripción

Contexto
===
Atualmente as requisições que fazemos ao back-end estão indo sem o token de autenticação do usuario.
O objetivo dessa card é colocar o token na nossa requisições feitas atraves do axios.

Criterios de aceitação
===
- [ ] Deve ser criado uma variavel no header chamada `Authorization` que recebera o valor do token
- [ ] Desenvolver a logica responsável por capturar o token do localStorage e armazenar no `Authorization`
- [ ] Substituir as atuais requisições pela as do arquivo `frontend/src/services/client.js`
- [ ] Alterar os arquivos e verificar se as requests estão funcionando com a alteração:
- [ ] componente `OrderList` no arquivo `frontend/src/components/OrderList/`
- [ ] componente `Modal` no arquivo `frontend/src/components/Modal/`
- [ ] componente `Login` no arquivo `frontend/src/components/Login/`

Notas técnicas
===
- As alterações devem ser feitas no arquivo `frontend/src/services/client.js`
- [Como acessar um item no localStorage?](https://developer.mozilla.org/pt-BR/docs/Web/API/Storage/getItem)
- [documentação do axios.](https://github.com/axios/axios)
- Para facilitar, ao acessar a documentação, o dev pode dar o comando `ctrl^F` e pesquisar por authorization.

Como testar?
===
## Acessando o ambiente
- [x] A pessoa QA deve entrar no ambiente de teste no [Heroku](https://dashboard.heroku.com/apps) e fazer o deploy da branch `182/assina-token-no-header`
- [x] Após o termino do deploy, plicar em `Open App`

## Testando as requests
- [x] Abrir o inspecionar

![inspecionar](https://user-images.githubusercontent.com/42592412/124502154-4efefa80-dd99-11eb-9072-da4705b2ce5d.png)

- [x] Após abrir o inspecionar, acessar a aba network e abrir a modal

![modal](https://user-images.githubusercontent.com/42592412/124502380-bf0d8080-dd99-11eb-9407-b9d3fb4e083d.png)

- [x] Após enviar um novo orçamento, entrar na request criada que aparecera no log

![variavel](https://user-images.githubusercontent.com/42592412/124502686-4eb32f00-dd9a-11eb-9186-0f86d01a734e.png)

- [x] Após acessar o log, na aba Headers em Geral, verificar se foi adicionada a variavel `Authorization`

![header](https://user-images.githubusercontent.com/42592412/124502828-976ae800-dd9a-11eb-9b04-942dee2941af.png)

- [x] Repetir os mesmos passos para o `Login` e `orcamentos`

Guía de contribución

No hay ninguna guía de contribución indexada para este repositorio

Evaluación

Este issue todavía no se ha evaluado.

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.