feat/visualizar-colecao

[Joao-Pedro-P-Holanda]

Descrição

Adicionar página para visualizar uma coleção de itens do acervo

Tarefas

• Criar página VisualizarColecao.tsx

• Adicionar loader do react router dom para realizar get no firebase, incluindo os itens com getItensColecao e retornar a coleção alvo ou lançar um erro

• Incluir o loader nas duas rotas possíveis para uma coleção: "colecoes/publico..." e "colecoes/privado..."

Visualizar Colecao

Renderização básica

• adicionar estado colecao com valor inicial de useLoaderData
• Adicionar seções de texto para nome, descrição e curiosidades da coleção
• Incluir uma seção de texto mostrando se o item é privado ou não
• Mostrar todos os itens como cards

Renderização autenticado

• Incluir adicionalmente dois botões, um para ativar o modo de edição e outro para excluir a coleção
• botão de excluir deve abrir um dialog de confirmação com um checkbox para informar se os itens também devem ser removidos, somente após a confirmação a coleção deve ser removida
• Caso o checkbox seja falso, um campo select obrigatório com a coleção de destino dos itens deve ser usado para selecionar a coleção alvo no método delete

Modo de edição

• Substituir textos de nome, curiosidades e descrição por text fields com valores default da coleção atual
• Renderizar dois botões, um para submeter o formulário e outro para cancelar a edição
• Transformar texto informando a privacidade do item em um checkbox
• Remover opção de deletar a coleção
• Atualizar os valores de colecao caso o formulario seja enviado com sucesso

Principais casos de teste

• Cancelar edição não deve alterar a coleção
• Remover uma coleção e tentar acessar o mesmo link deve falhar
• Atualizar uma coleção na tela deve refletir automaticamente
• Coleções privadas não são mostradas para usuários não autenticados
• Usuários não autenticados não conseguem alterar uma coleção

Issues Necessárias

#64