aceleradora-TW / aceleradora-TW/descarte-certo

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

Aberta
#182 0 comentários 0 reações 2 responsáveis Reivindicada por @nanifool Ver no GitHub
Front-End
Linguagem predominante
JavaScript
Estrelas
15
Forks
6
Métricas de merge de PRs
Nenhum PR com merge em 30d

Descrição

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`

Guia de contribuição

Nenhum guia de contribuição indexado para este repositório

Avaliação

Esta issue ainda não foi avaliada.

Receba novas issues na sua caixa de entrada

Um resumo curto de issues do GitHub para quem está começando.