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
+
-
-
-
- | Nome |
- Email |
- CPF |
- Telefone |
- Entrou na fila de espera |
+
+
+
+
+
+ | Nome |
+ Email |
+ CPF |
+ Telefone |
+ Entrou na fila de espera |
+
+
+
+ {filteredFila.map((item, index) => (
+
+ | {item.nome} |
+ {item.email} |
+ {item.cpf} |
+ {item.telefone} |
+ {item.entrada} |
-
-
-
- | Ricardo Pereira |
- ricardo.pereira@gmail.com |
- 444.777.666-55 |
- (79) 99123-4567 |
- 25/09/2025 Ã s 08:00 |
-
-
- | Ana Costa |
- ana.costa@gmail.com |
- 321.654.987-00 |
- (79) 97777-3333 |
- 25/09/2025 Ã s 08:30 |
-
-
- | Lucas Martins |
- lucas.martins@gmail.com |
- 777.666.555-33 |
- (79) 99654-3210 |
- 25/09/2025 Ã s 09:00 |
-
-
- | João Souza |
- joao.souza@gmail.com |
- 987.654.321-00 |
- (79) 98888-2222 |
- 25/09/2025 Ã s 14:00 |
-
-
- | Maria Silva |
- maria.silva@gmail.com |
- 123.456.789-00 |
- (79) 99999-1111 |
- 25/09/2025 Ã s 14:30 |
-
-
- | Fernanda Lima |
- fernanda.lima@gmail.com |
- 888.999.000-22 |
- (79) 98877-6655 |
- 26/09/2025 Ã s 09:30 |
-
-
- | Carlos Andrade |
- carlos.andrade@gmail.com |
- 222.555.888-11 |
- (79) 99876-5432 |
- 26/09/2025 Ã s 10:00 |
-
-
- | Juliana Oliveira |
- juliana.o@gmail.com |
- 111.222.333-44 |
- (79) 98765-1234 |
- 26/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;
+}