Implementação da Interface de Agenda de Medicamentos
Página AgendaMedicamento:
Desenvolvimento da estrutura principal da página, incluindo a lógica de estado e a interação do usuário com a adição e remoção de medicamentos. Integração de componentes personalizados para a gestão da agenda de medicamentos dos usuários. Implementação de uma lógica de posicionamento adaptativo para o botão de adição de medicamentos, mantendo-o acessível independentemente da quantidade de itens na lista.
Componente MedicamentoAgenda:
Criação do componente MedicamentoAgenda, utilizando Material-UI Accordion para exibir informações de forma colapsável. Estilização cuidadosa para alinhar visualmente com a identidade do aplicativo, incluindo ajustes de cor, sombra e margens. Inclusão de ícones interativos para ações de informação e exclusão de medicamentos, com handlers para os eventos de clique correspondentes. Componente SelectMedicamento:
Construção de um componente de seleção de medicamento com lista dropdown personalizada, permitindo ao usuário escolher facilmente entre as opções disponíveis. Integração de validações para assegurar que a seleção do medicamento seja obrigatória, exibindo mensagens de erro estilizadas quando necessário. Componente SelectTime:
Implementação de um seletor de tempo para definir o horário de administração dos medicamentos, utilizando um campo de entrada de hora com validação de dados.