feat/tabela-horario-funcionamento

[Joao-Pedro-P-Holanda]

Descrição

Criar componente de tabela editável e chamar em Home.tsx

Tarefas

• Criar componente HorarioFuncionamento

• Adicionar dependência contendo DataGrid: link

HorarioFuncionamento

Demonstração da tabela

<DataGrid
   columns={columns}
   rows={rows}
/>

• Implementar método que busca o horario no firestore
• definir interface Horario com atributos dia, horaInicio e horaFim
• adicionar estado data com useState<Horario>
• adicionar useEffect para setar dados usando o resultado do método que busca no firestore
• Adicionar state editable setado para o valor do usuário na store (se for null então é false)
• definir colunas com GridColDef, usando o field name como o nome de cada dia da semana em data e editable igual ao estado editable
• definir linhas com o horário inicial e final de cada dia
• Adicionar abaixo da tabela um botão 'alterar' que renderiza apenas quando a tabela foi modificada
• Estilizar de acordo com o protótipo

Home

• Criar Seção Horizontal de nome Info abaixo do Sliding Banner, caso não exista. Adicionar HorarioFuncionamento nessa seção

Issues Necessárias

#3
#19
#22

Tarefas Dependentes

Nenhuma