[#0301] Adicionar comentários de atualização em uma parceria

[gioliveirass]

Descrição da atividade

• Criar interface para adição de comentários de atualizações em parcerias de acordo com protótipo;
• Consumir rota criada pelo back para adição de comentários de atualizações em parcerias.

Informações para execução da atividade

Os comentários devem possuir as seguintes informações:

• Tipo de comentário (na tela da parceria, só será possível adicionar comentários do tipo atualização);
• Última atualização (ordenar pela atualização mais recente);
• O comentário em si.

Somente o usuário administrador pode inserir comentários, mas todos no sistema podem ler. Somente o dono do comentário pode editar o comentário.

DoR

• [x] Prototipado
• [x] Cabe em uma sprint (de preferência não maior que 8 story points)
• [x] Validado com o cliente

DoD

• [x] Testado e integrado
• [x] Sem bugs observados / review
• [x] Code review
• [x] Atende aos critérios de aceite
• [x] Documentado
• [x] Aceito pelo PO

[MariaGabrielaReis]

Documentação

Foi utilizado a classe criada para agrupar as requisições que envolvem as anotações de parceria (AnnotationsController), onde existe uma função para criação de anotações. Essa criação foi feita consumindo a rota do backend através dessa função e, ao captar o novo comentário por um input no aplicativo, foi enviado ao servidor e recarregado a listagem.

Tecnologias: React Native, Expo, Axios, Styled Components

https://user-images.githubusercontent.com/69374340/229377379-20082d99-4852-4276-a780-d2cb46e63838.mp4

Requisição

 async createAnnotation(partnerId: string, comment: string) {
    try {
      await api.post(ANNOTATION_ENDPOINTS.CREATE, {
        partnerId,
        comment,
      });
    } catch (error) {
      console.error(error);
    }
  }

Input para captação da nova mensagem

<Input
        label={"Inserir atualização"}
        placeholder={"Nova atualização sobre a parceria..."}
        value={newComment}
        onChangeText={text => setNewComment(text)}
        hasOutIcon
        onPressIcon={handleAddComment}
 />

Função que envia o novo comentário e atualiza a listagem

 async function handleAddComment() {
    setIsLoading(true);
    await AnnotationController.createAnnotation(
      "baadc558-2791-4f9a-8d1e-e01a0a92b432", // id fixo para entrega da tarefa
      newComment,
    );
    const updatedComments = await AnnotationController.getAnnotations(
      "baadc558-2791-4f9a-8d1e-e01a0a92b432",  // id fixo para entrega da tarefa
    );
    updatedComments && setAnnotations(updatedComments);
    setNewComment("");
    setIsLoading(false);
  }