Atualização do modulo laboratório e suas respectivas telas

[02David03]

-Atualização no css antigo do lab
-Criação da tela de listagem de laboratórios
-Funcionamento da edição, criação e exclusão do laboratório
-Criação da tela de visualização dos equipamentos pertencentes a um laboratório em especifico
-Equipamentos com exclusão funcionando

[jonasbantunes]

Segue uma lista com as minhas sugestões de mudança, além das que fiz diretamente no GitHub. Elas aparecem mais de uma vez ao longo do código, então preferi listar aqui ao invés de comentar em cada trecho de código:

• Remover console.log();
• Passar o linter no projeto (prettier e eslint);
• Atualizar a sintaxe de exportação para o padrão atual do JavaScript, usando export default ao invés de module.exports;
• Mover as declarações de validationSchema para fora do corpo do componente.

[jonasbantunes]

Sugestões de mudança:

• Remover o package-lock.json e .yarn/releases/yarn-berry.cjs;
• Remover os console.log() dos arquivos modificados no pull request;

OBS.: O yarn pode ser instalado através do npm, utilizando o comando npm install -g yarn.

[jonasbantunes]

Esse nome de variável não deixa claro do que se trata. Recomendo trocar por algo que indique se trata de uma lista de laboratórios, como labs ou laboratories, por exemplo.

Suggested change

	const [state, setState] = useState([]);
	const [labs, setLabs] = useState([]);

[jonasbantunes]

Esse await é redundante. A promessa (promise) do axios já foi finalizada com àwait e o res.data é um objeto, não uma promessa.

Suggested change

	setState(await res.data);
	setState(res.data);

[jonasbantunes]

Essa data de ocupação não deveria ser dinâmica?

[jonasbantunes]

Esse nome de variável não deixa claro do que se trata. Recomendo trocar por algo que indique se trata de um laboratório, como lab ou laboratory, por exemplo.

Suggested change

	const [state, setState] = useState([]);
	const [lab, setLab] = useState([]);

[jonasbantunes]

Esse nome de variável não deixa claro do que se trata. Recomendo trocar por algo que indique se trata de do nome de um laboratório, como labName, laboratoryName ou mesmo name, por exemplo.

Suggested change

	const [value,setValue] = useState();
	const [labName, setLabName] = useState();

[jonasbantunes]

Comandos de roteamento nativo do navegador devem ser evitados, já que eles entram em conflito com o React Router e recarregam a página totalmente.

Suggested change

window.location.reload();

[jonasbantunes]

Ao alterar os props existentes deste componente, quem utiliza certamente terão as suas funcionalidades quebradas. Inclusive, a parte de Lista de Imagens de SO quebra com essa mudança.

[jonasbantunes]

Os componentes ConfirmDelete e ModalDelete estão fortemente acoplados sem necessidade. Certas telas, como de Imagem de SO, apenas precisam do ModalDelete e não do ConfirmDelte. Idealmente, a exibição desses componentes deve ser orquestrado por quem quer utilizá-los, ao invés dos dois componentes se orquestrarem.