diff --git a/src/pages/Agendamento.jsx b/src/pages/Agendamento.jsx index 6c49336..bd07708 100644 --- a/src/pages/Agendamento.jsx +++ b/src/pages/Agendamento.jsx @@ -14,6 +14,27 @@ const Agendamento = () => { const [FiladeEspera, setFiladeEspera] = useState(false) const [tabela, setTabela] = useState('diario') const [PageNovaConsulta, setPageConsulta] = useState(false) + const [searchTerm, setSearchTerm] = useState('') // 🔹 Estado da busca + + // 🔹 Dados da fila de espera + const filaEsperaData = [ + { nome: 'Ricardo Pereira', email: 'ricardo.pereira@gmail.com', cpf: '444.777.666-55', telefone: '(79) 99123-4567', entrada: '25/09/2025 às 08:00' }, + { nome: 'Ana Costa', email: 'ana.costa@gmail.com', cpf: '321.654.987-00', telefone: '(79) 97777-3333', entrada: '25/09/2025 às 08:30' }, + { nome: 'Lucas Martins', email: 'lucas.martins@gmail.com', cpf: '777.666.555-33', telefone: '(79) 99654-3210', entrada: '25/09/2025 às 09:00' }, + { nome: 'João Souza', email: 'joao.souza@gmail.com', cpf: '987.654.321-00', telefone: '(79) 98888-2222', entrada: '25/09/2025 às 14:00' }, + { nome: 'Maria Silva', email: 'maria.silva@gmail.com', cpf: '123.456.789-00', telefone: '(79) 99999-1111', entrada: '25/09/2025 às 14:30' }, + { nome: 'Fernanda Lima', email: 'fernanda.lima@gmail.com', cpf: '888.999.000-22', telefone: '(79) 98877-6655', entrada: '26/09/2025 às 09:30' }, + { nome: 'Carlos Andrade', email: 'carlos.andrade@gmail.com', cpf: '222.555.888-11', telefone: '(79) 99876-5432', entrada: '26/09/2025 às 10:00' }, + { nome: 'Juliana Oliveira', email: 'juliana.o@gmail.com', cpf: '111.222.333-44', telefone: '(79) 98765-1234', entrada: '26/09/2025 às 11:30' }, + ]; + + // 🔹 Filtra a fila de espera com base no searchTerm + const filteredFila = filaEsperaData.filter(item => + item.nome.toLowerCase().includes(searchTerm.toLowerCase()) || + item.email.toLowerCase().includes(searchTerm.toLowerCase()) || + item.cpf.includes(searchTerm) || + item.telefone.includes(searchTerm) + ); const ListarDiasdoMes = (ano, mes) => { let segundas = []; let tercas = []; let quartas = []; let quintas = []; let sextas = [] @@ -36,7 +57,6 @@ const Agendamento = () => { } let ListaDiasDatas = [segundas, tercas, quartas, quintas, sextas] - console.log('dentro da função', ListaDiasDatas) return ListaDiasDatas } @@ -107,7 +127,6 @@ const Agendamento = () => {
-
-
- Realizado -
-
- Confirmado -
-
- Agendado -
-
- Cancelado -
+
Realizado
+
Confirmado
+
Agendado
+
Cancelado
- {tabela === "diario" && ( - - )} - + {tabela === "diario" && } {tabela === 'semanal' && } - - {tabela === 'mensal' && ( - - )} + {tabela === 'mensal' && }
) : ( -
-
+
+
+ setSearchTerm(e.target.value)} + /> -
-

Fila de Espera

+

Fila de Espera

+
- - - - - - - - + + +
NomeEmailCPFTelefoneEntrou na fila de espera
+ + + + + + + + + + + {filteredFila.map((item, index) => ( + + + + + + - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
NomeEmailCPFTelefoneEntrou na fila de espera
{item.nome}{item.email}{item.cpf}{item.telefone}{item.entrada}
Ricardo Pereiraricardo.pereira@gmail.com444.777.666-55(79) 99123-456725/09/2025 às 08:00
Ana Costaana.costa@gmail.com321.654.987-00(79) 97777-333325/09/2025 às 08:30
Lucas Martinslucas.martins@gmail.com777.666.555-33(79) 99654-321025/09/2025 às 09:00
João Souzajoao.souza@gmail.com987.654.321-00(79) 98888-222225/09/2025 às 14:00
Maria Silvamaria.silva@gmail.com123.456.789-00(79) 99999-111125/09/2025 às 14:30
Fernanda Limafernanda.lima@gmail.com888.999.000-22(79) 98877-665526/09/2025 às 09:30
Carlos Andradecarlos.andrade@gmail.com222.555.888-11(79) 99876-543226/09/2025 às 10:00
Juliana Oliveirajuliana.o@gmail.com111.222.333-44(79) 98765-123426/09/2025 às 11:30
-
+ ))} + +
) } diff --git a/src/pages/style/Agendamento.css b/src/pages/style/Agendamento.css index d7f34d5..ba8a31f 100644 --- a/src/pages/style/Agendamento.css +++ b/src/pages/style/Agendamento.css @@ -141,4 +141,34 @@ padding: 5px; font-weight: bold; border-radius: 10px; -} \ No newline at end of file +} +.fila-header { + position: relative; + display: flex; + align-items: center; + justify-content: center; /* centraliza o título */ + margin-bottom: 16px; + height: 40px; /* altura da linha */ +} + +.busca-fila-espera { + position: absolute; + left: 0; /* barra na esquerda */ + padding: 6px 12px; + border: 1px solid #ccc; + border-radius: 6px; + font-size: 1rem; + width: 350px; + outline: none; + transition: border-color 0.2s; +} + +.busca-fila-espera:focus { + border-color: #888; +} + +.fila-header h2 { + margin: 0; + font-size: 1.5rem; + text-align: center; +}