Feature/us07 troca aplausos recompensa
Link da Tarefa
Descrição
Desenvolvedores da tarefa: Thomas Mundstock e Isabela Araujo
Criação da função que envia para o backend a ID do item que deseja ser resgatado da loja. O backend deverá então processar este pedido e retornar uma mensagem positiva caso o resgate tenha sido efetuado, e uma mensagem negativa caso o resgate não tenha sido efetuado. Como ainda não temos uma lista de recompensas para integrar esta função, ela foi testada da seguinte maneira:
Foi inserido o código abaixo no arquivo pages/index.tsx apenas para fins de teste, por isso tais modificações não constam nas mudanças finais do MR.
// Imports necessários para chamar a função
import UserMessageModal from '@/components/userMessageModal';
import { ValidateTransaction } from './store/index';
// inserir essa parte dentro do export default function
const [isOpen, setIsOpen] = useState(false);
const [modalType, setModalType] = useState<'success' | 'error' | 'question'>('success');
// const que chama a função de validação, essa deve ser feita uma por item da loja
// também é inserida dentro do export default function
const handleTransaction = async () => {
try {
const response = await ValidateTransaction(1);
if (response.status === 201) {
console.log(response.data);
console.log('request returned 201 code !!!! eeeeee');
setModalType('success');
} else {
console.log(response.data);
console.log('request returned any other status that indicates error :( ');
setModalType('error');
}
setIsOpen(true);
} catch (error) {
setModalType('error');
setIsOpen(true);
console.error('Error in transaction:', error);
}
};Checklist
- [x ] Não deixou string literais no código.
- [x ] Utilizou as variáveis padronizadas do design system (cor, títulos/fontes).
- [x ] Não deixou código comentado.
Screenshots da tela/componente
Resposta da função em caso de sucesso:
Resposta da função em caso de erro:
