Atualizar
This commit is contained in:
guisilvagomes
parent
62b741ff7a
commit
e7aa76df75
3
MEDICONNECT 2.zip
Normal file
3
MEDICONNECT 2.zip
Normal file
@ -0,0 +1,3 @@
|
||||
version https://git-lfs.github.com/spec/v1
|
||||
oid sha256:50fbfa0b9343001fbf0b803364ec8a0fe48bcc62537eb59a31abc74674d80d0a
|
||||
size 807015226
|
||||
@ -1,218 +0,0 @@
|
||||
# 👤 Usuário Guilherme - Configuração Completa
|
||||
|
||||
## ✅ Status: CONFIGURADO E TESTADO
|
||||
|
||||
### 📋 Credenciais de Login
|
||||
|
||||
- **Email:** `guilhermesilvagomes1020@gmail.com`
|
||||
- **Senha:** `guilherme123`
|
||||
- **Role:** `user` (acesso ao painel do paciente)
|
||||
|
||||
### 👨⚕️ Dados do Paciente
|
||||
|
||||
- **Nome:** Guilherme Silva Gomes - SQUAD 18
|
||||
- **Telefone:** 79999521847
|
||||
- **CPF:** 11144477735
|
||||
- **Email original:** guilherme@paciente.com
|
||||
- **Patient ID:** `864b1785-461f-4e92-8b74-2a6f17c58a80`
|
||||
- **User ID:** `0550f1dc-649a-4186-a256-3bd4e50e5bdc`
|
||||
|
||||
### 🩺 Médico Responsável
|
||||
|
||||
- **Nome:** Fernando Pirichowski - Squad 18
|
||||
- **Médico ID:** `be1e3cba-534e-48c3-9590-b7e55861cade`
|
||||
|
||||
## 📅 Consultas de Demonstração
|
||||
|
||||
O sistema possui **3 consultas** criadas para demonstração:
|
||||
|
||||
### Consulta 1 - Agendada
|
||||
|
||||
- **Data/Hora:** 05/10/2025 às 10:00
|
||||
- **Status:** Agendada
|
||||
- **Tipo:** Consulta
|
||||
- **Observações:** Primeira consulta - Check-up geral
|
||||
|
||||
### Consulta 2 - Realizada
|
||||
|
||||
- **Data/Hora:** 28/09/2025 às 14:30
|
||||
- **Status:** Realizada
|
||||
- **Tipo:** Retorno
|
||||
- **Observações:** Consulta de retorno - Avaliação de exames
|
||||
|
||||
### Consulta 3 - Confirmada
|
||||
|
||||
- **Data/Hora:** 10/10/2025 às 09:00
|
||||
- **Status:** Confirmada
|
||||
- **Tipo:** Consulta
|
||||
- **Observações:** Consulta de acompanhamento mensal
|
||||
|
||||
## 🚀 Como Usar
|
||||
|
||||
### 1. Acessar o Login do Paciente
|
||||
|
||||
```
|
||||
http://localhost:5173/paciente
|
||||
```
|
||||
|
||||
### 2. Fazer Login
|
||||
|
||||
Use as credenciais:
|
||||
|
||||
- Email: `guilhermesilvagomes1020@gmail.com`
|
||||
- Senha: `guilherme123`
|
||||
|
||||
### 3. Visualizar as Consultas
|
||||
|
||||
Após o login, você será redirecionado para o painel do paciente onde verá:
|
||||
|
||||
- Dashboard com estatísticas das consultas
|
||||
- Lista completa de consultas (agendadas, realizadas, confirmadas)
|
||||
- Filtros por status e período
|
||||
- Cards informativos com totais
|
||||
|
||||
## 📂 Arquivos Relacionados
|
||||
|
||||
### Dados
|
||||
|
||||
- **Consultas:** `src/data/consultas-demo.json`
|
||||
- **Utilitário:** `src/lib/consultasDemo.ts`
|
||||
|
||||
### Scripts
|
||||
|
||||
- **Criar usuário:** `scripts/criar-guilherme-completo.js`
|
||||
- **Testar acesso:** `scripts/testar-guilherme.js`
|
||||
|
||||
## 🔧 Comandos Úteis
|
||||
|
||||
### Recriar o usuário
|
||||
|
||||
```bash
|
||||
node scripts/criar-guilherme-completo.js
|
||||
```
|
||||
|
||||
### Testar o acesso
|
||||
|
||||
```bash
|
||||
node scripts/testar-guilherme.js
|
||||
```
|
||||
|
||||
## 📊 Onde as Consultas Aparecem
|
||||
|
||||
As consultas do Guilherme com o Dr. Fernando aparecerão em:
|
||||
|
||||
1. **✅ Painel do Paciente (Guilherme)**
|
||||
|
||||
- Login: guilhermesilvagomes1020@gmail.com
|
||||
- URL: `/paciente` → `/acompanhamento`
|
||||
|
||||
2. **✅ Painel do Médico (Fernando)**
|
||||
|
||||
- Login: fernando.pirichowski@souunit.com.br
|
||||
- URL: `/painel-medico`
|
||||
|
||||
3. **✅ Painel da Secretária**
|
||||
- Login com usuário de secretária
|
||||
- URL: `/painel-secretaria`
|
||||
|
||||
## 🔐 Configuração Técnica
|
||||
|
||||
### Tabela `auth.users`
|
||||
|
||||
```json
|
||||
{
|
||||
"id": "0550f1dc-649a-4186-a256-3bd4e50e5bdc",
|
||||
"email": "guilhermesilvagomes1020@gmail.com",
|
||||
"role": "user"
|
||||
}
|
||||
```
|
||||
|
||||
### Tabela `patients`
|
||||
|
||||
```json
|
||||
{
|
||||
"id": "864b1785-461f-4e92-8b74-2a6f17c58a80",
|
||||
"full_name": "Guilherme Silva Gomes - SQUAD 18",
|
||||
"email": "guilherme@paciente.com",
|
||||
"phone_mobile": "79999521847",
|
||||
"cpf": "11144477735"
|
||||
}
|
||||
```
|
||||
|
||||
### Tabela `patient_assignments`
|
||||
|
||||
```json
|
||||
{
|
||||
"user_id": "0550f1dc-649a-4186-a256-3bd4e50e5bdc",
|
||||
"patient_id": "864b1785-461f-4e92-8b74-2a6f17c58a80",
|
||||
"role": "user"
|
||||
}
|
||||
```
|
||||
|
||||
## 💾 Armazenamento Local
|
||||
|
||||
As consultas são armazenadas em:
|
||||
|
||||
- **Arquivo:** `src/data/consultas-demo.json`
|
||||
- **LocalStorage:** `consultas_local` (carregado automaticamente)
|
||||
|
||||
### Carregar consultas manualmente no navegador
|
||||
|
||||
Abra o console (F12) e execute:
|
||||
|
||||
```javascript
|
||||
fetch("/src/data/consultas-demo.json")
|
||||
.then((r) => r.json())
|
||||
.then((consultas) => {
|
||||
localStorage.setItem("consultas_local", JSON.stringify(consultas));
|
||||
console.log("✅ Consultas carregadas!");
|
||||
location.reload();
|
||||
});
|
||||
```
|
||||
|
||||
### Limpar consultas
|
||||
|
||||
```javascript
|
||||
localStorage.removeItem("consultas_local");
|
||||
location.reload();
|
||||
```
|
||||
|
||||
## ✅ Checklist de Verificação
|
||||
|
||||
- [x] Usuário criado com role "user"
|
||||
- [x] Paciente Guilherme cadastrado
|
||||
- [x] Atribuição paciente → usuário configurada
|
||||
- [x] 3 consultas de demonstração criadas
|
||||
- [x] Consultas vinculadas ao Dr. Fernando
|
||||
- [x] Arquivo JSON de consultas criado
|
||||
- [x] Utilitário de carregamento criado
|
||||
- [x] Login testado e funcionando
|
||||
- [x] Pacientes atribuídos verificados
|
||||
|
||||
## 🎯 Resultado Esperado
|
||||
|
||||
Ao fazer login como Guilherme, você deverá ver:
|
||||
|
||||
1. **Header personalizado:** "Olá, Guilherme Silva Gomes - SQUAD 18!"
|
||||
2. **4 cards de estatísticas:**
|
||||
- Total: 3 consultas
|
||||
- Agendadas: 1
|
||||
- Realizadas: 1
|
||||
- Canceladas: 0
|
||||
3. **Lista de consultas** com as 3 consultas criadas
|
||||
4. **Filtros funcionais** por status e período
|
||||
|
||||
## 📞 Suporte
|
||||
|
||||
Se houver algum problema:
|
||||
|
||||
1. Verifique se o servidor está rodando: `npm run dev`
|
||||
2. Execute o teste: `node scripts/testar-guilherme.js`
|
||||
3. Recarregue as consultas no localStorage
|
||||
4. Verifique o console do navegador para erros
|
||||
|
||||
---
|
||||
|
||||
**Criado em:** 02/10/2025
|
||||
**Última atualização:** 02/10/2025
|
||||
**Status:** ✅ Operacional
|
||||
@ -1,129 +0,0 @@
|
||||
# ✅ LIMPEZA COMPLETA - MEDICONNECT
|
||||
|
||||
## 🎉 TUDO PRONTO!
|
||||
|
||||
Todo o site está **100% conectado à API** e o código foi completamente limpo e otimizado!
|
||||
|
||||
---
|
||||
|
||||
## 📋 O QUE FOI FEITO:
|
||||
|
||||
### 1. ✅ Arquivos Obsoletos Removidos
|
||||
|
||||
**16 arquivos deletados:**
|
||||
|
||||
- `api.js`, `api.js.d.ts`, `api.d.ts`, `api.types.d.ts` ❌
|
||||
- `pacientes.js`, `listarPacientes.js`, `listarPacientes.d.ts` ❌
|
||||
- 8 arquivos de documentação obsoletos ❌
|
||||
|
||||
### 2. ✅ Logs de Debug Limpos
|
||||
|
||||
**90% dos logs removidos:**
|
||||
|
||||
- Antes: ~10 logs por requisição 😵
|
||||
- Depois: 0-2 logs (apenas erros críticos) 😎
|
||||
|
||||
### 3. ✅ Código Otimizado
|
||||
|
||||
- Headers `apikey` e `Authorization` sempre presentes ✅
|
||||
- Interceptors funcionando perfeitamente ✅
|
||||
- Não há mais conflitos entre .js e .ts ✅
|
||||
- Validação de token expirado antes de enviar ✅
|
||||
|
||||
### 4. ✅ Documentação Consolidada
|
||||
|
||||
- **TECH_SUMMARY.md** - Resumo técnico completo
|
||||
- **CLEANUP_REPORT.md** - Relatório detalhado da limpeza
|
||||
|
||||
---
|
||||
|
||||
## 🚀 ESTRUTURA FINAL:
|
||||
|
||||
```
|
||||
src/services/
|
||||
├── api.ts ✅ Instância axios configurada (COM apikey)
|
||||
├── http.ts ✅ Wrapper com retry e refresh automático
|
||||
├── authService.ts ✅ Login, logout, refresh token
|
||||
├── medicoService.ts ✅ CRUD de médicos
|
||||
├── pacienteService.ts ✅ CRUD de pacientes
|
||||
├── consultaService.ts ✅ CRUD de consultas
|
||||
└── ...outros services ✅ Todos usando api.ts corretamente
|
||||
```
|
||||
|
||||
---
|
||||
|
||||
## 🎯 BENEFÍCIOS:
|
||||
|
||||
### Performance:
|
||||
|
||||
- ⚡ Console 90% mais limpo
|
||||
- ⚡ Bundler mais rápido (menos arquivos)
|
||||
- ⚡ Menos operações de I/O
|
||||
|
||||
### Confiabilidade:
|
||||
|
||||
- ✅ Headers sempre configurados
|
||||
- ✅ Interceptors sempre executados
|
||||
- ✅ Não há mais conflitos de código
|
||||
|
||||
### Manutenibilidade:
|
||||
|
||||
- 📝 Documentação consolidada
|
||||
- 🔍 Erros fáceis de identificar
|
||||
- 🧹 Código limpo e organizado
|
||||
|
||||
---
|
||||
|
||||
## 📊 ESTATÍSTICAS:
|
||||
|
||||
| Item | Antes | Depois | Melhoria |
|
||||
| ------------------- | ----- | ---------- | -------- |
|
||||
| Arquivos .js | 7 | 0 | 100% ✅ |
|
||||
| Logs por request | ~10 | 0-2 | 90% ✅ |
|
||||
| Docs obsoletos | 8 | 0 | 100% ✅ |
|
||||
| Erros de compilação | 389 | 0 críticos | ✅ |
|
||||
|
||||
---
|
||||
|
||||
## ✅ VALIDAÇÃO:
|
||||
|
||||
### Tudo Funcionando:
|
||||
|
||||
- [x] API conectada corretamente
|
||||
- [x] Headers `apikey` + `Authorization` presentes
|
||||
- [x] Token expirado detectado antes de enviar
|
||||
- [x] Refresh automático funcionando
|
||||
- [x] Console limpo (apenas erros essenciais)
|
||||
- [x] Sem arquivos obsoletos
|
||||
- [x] Zero erros de compilação críticos
|
||||
|
||||
---
|
||||
|
||||
## 🎯 PRÓXIMOS PASSOS (OPCIONAL):
|
||||
|
||||
Se quiser ir além:
|
||||
|
||||
1. Testar com diferentes usuários
|
||||
2. Validar RLS policies no Supabase
|
||||
3. Adicionar testes automatizados
|
||||
4. Implementar cache de requisições
|
||||
|
||||
---
|
||||
|
||||
## 🚀 ESTÁ PRONTO PARA USAR!
|
||||
|
||||
O sistema está:
|
||||
|
||||
- ✅ Limpo
|
||||
- ✅ Otimizado
|
||||
- ✅ Funcionando perfeitamente
|
||||
- ✅ Pronto para produção
|
||||
|
||||
**Pode usar tranquilo!** 🎉
|
||||
|
||||
---
|
||||
|
||||
**Dúvidas?** Consulte:
|
||||
|
||||
- `TECH_SUMMARY.md` - Documentação técnica
|
||||
- `CLEANUP_REPORT.md` - Detalhes da limpeza
|
||||
File diff suppressed because it is too large
Load Diff
@ -1,112 +0,0 @@
|
||||
// Script para listar todos os usuários/pacientes na API Supabase
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
async function listarPacientes() {
|
||||
try {
|
||||
console.log("\n🔍 Buscando pacientes na API Supabase...\n");
|
||||
|
||||
// Primeiro, fazer login como admin para obter token
|
||||
console.log("1️⃣ Fazendo login como admin...");
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: "riseup@popcode.com.br",
|
||||
password: "riseup",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const adminToken = loginResponse.data.access_token;
|
||||
console.log("✅ Login realizado com sucesso!\n");
|
||||
|
||||
// Tentar buscar na tabela de profiles ou users
|
||||
console.log("2️⃣ Buscando usuários na tabela profiles...");
|
||||
try {
|
||||
const profilesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/profiles`,
|
||||
{
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("\n📊 USUÁRIOS ENCONTRADOS NA TABELA PROFILES:");
|
||||
console.log("Total:", profilesResponse.data.length);
|
||||
console.log("\n" + "=".repeat(80) + "\n");
|
||||
|
||||
profilesResponse.data.forEach((user, index) => {
|
||||
console.log(`${index + 1}. ${user.full_name || "Sem nome"}`);
|
||||
console.log(` 📧 Email: ${user.email}`);
|
||||
console.log(` 🆔 ID: ${user.id}`);
|
||||
console.log(` 👤 Role: ${user.role || "Não definido"}`);
|
||||
console.log(` 📞 Telefone: ${user.phone || "Não informado"}`);
|
||||
console.log(` 📅 Criado em: ${user.created_at}`);
|
||||
console.log("");
|
||||
});
|
||||
|
||||
// Filtrar apenas pacientes
|
||||
const pacientes = profilesResponse.data.filter(
|
||||
(u) => u.role === "paciente" || u.role === "user"
|
||||
);
|
||||
console.log(`\n👥 TOTAL DE PACIENTES: ${pacientes.length}`);
|
||||
} catch (error) {
|
||||
if (error.response && error.response.status === 404) {
|
||||
console.log('❌ Tabela "profiles" não existe\n');
|
||||
} else {
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
// Tentar buscar usuários via função
|
||||
console.log("\n3️⃣ Tentando buscar via função list-users...");
|
||||
try {
|
||||
const usersResponse = await axios.get(
|
||||
`${SUPABASE_URL}/functions/v1/list-users`,
|
||||
{
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("\n📊 USUÁRIOS VIA FUNÇÃO:");
|
||||
console.log(JSON.stringify(usersResponse.data, null, 2));
|
||||
} catch (error) {
|
||||
if (error.response && error.response.status === 404) {
|
||||
console.log('❌ Função "list-users" não existe\n');
|
||||
} else {
|
||||
console.log(
|
||||
"⚠️ Erro ao buscar via função:",
|
||||
error.response?.data || error.message
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
console.log("\n" + "=".repeat(80));
|
||||
console.log("✨ Busca concluída!\n");
|
||||
} catch (error) {
|
||||
console.error("❌ Erro ao listar pacientes:");
|
||||
if (error.response) {
|
||||
console.error(" Status:", error.response.status);
|
||||
console.error(" Dados:", JSON.stringify(error.response.data, null, 2));
|
||||
} else {
|
||||
console.error(" Mensagem:", error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
listarPacientes();
|
||||
@ -20,7 +20,7 @@ const consultas: Consulta[] = [];
|
||||
|
||||
const handler: Handler = async (
|
||||
event: HandlerEvent,
|
||||
_context: HandlerContext
|
||||
context: HandlerContext
|
||||
) => {
|
||||
const headers = {
|
||||
"Access-Control-Allow-Origin": "*",
|
||||
@ -34,6 +34,7 @@ const handler: Handler = async (
|
||||
return { statusCode: 204, headers, body: "" };
|
||||
}
|
||||
|
||||
void context; // not used currently
|
||||
const path = event.path.replace("/.netlify/functions/consultas", "");
|
||||
const method = event.httpMethod;
|
||||
|
||||
|
||||
@ -8,15 +8,8 @@
|
||||
"build": "vite build",
|
||||
"lint": "eslint .",
|
||||
"preview": "vite preview",
|
||||
"export:guia": "node scripts/export-guia.mjs",
|
||||
"diagnose:login": "node --experimental-fetch scripts/diagnose-login.ts",
|
||||
"deploy:netlify": "netlify deploy --prod --dir=dist",
|
||||
"deploy:netlify:build": "pnpm build && netlify deploy --prod --dir=dist",
|
||||
"gen:api-types": "openapi-typescript docs/api/openapi.partial.json --output src/types/api.d.ts",
|
||||
"test": "vitest run",
|
||||
"test:watch": "vitest",
|
||||
"test:e2e-menu": "vitest run src/__tests__/accessibilityMenu.e2e.test.ts",
|
||||
"check:api-drift": "node scripts/check-api-drift.cjs"
|
||||
"deploy:netlify:build": "pnpm build && netlify deploy --prod --dir=dist"
|
||||
},
|
||||
"dependencies": {
|
||||
"@lumi.new/sdk": "^0.1.5",
|
||||
@ -32,34 +25,28 @@
|
||||
"zod": "^3.23.8"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@axe-core/react": "^4.8.3",
|
||||
"@eslint/js": "^9.9.1",
|
||||
"@netlify/functions": "^4.2.7",
|
||||
"@testing-library/dom": "^10.4.0",
|
||||
"@testing-library/react": "^16.0.0",
|
||||
"@testing-library/user-event": "^14.5.2",
|
||||
"@types/node": "^24.6.1",
|
||||
"@types/react": "^18.3.5",
|
||||
"@types/react-dom": "^18.3.0",
|
||||
"@vitejs/plugin-react": "^4.3.1",
|
||||
"@vitest/coverage-v8": "^2.1.4",
|
||||
"@vitejs/plugin-react": "4.3.2",
|
||||
"autoprefixer": "^10.4.21",
|
||||
"axe-core": "^4.10.0",
|
||||
"eslint": "^9.9.1",
|
||||
"eslint-plugin-react-hooks": "^5.1.0-rc.0",
|
||||
"eslint-plugin-react-refresh": "^0.4.11",
|
||||
"finalhandler": "^1.2.0",
|
||||
"globals": "^15.9.0",
|
||||
"happy-dom": "^19.0.2",
|
||||
"jsdom": "^25.0.0",
|
||||
"openapi-typescript": "^7.5.2",
|
||||
"postcss": "^8.5.6",
|
||||
"puppeteer": "^22.15.0",
|
||||
"serve-static": "^1.15.0",
|
||||
"tailwindcss": "^3.4.17",
|
||||
"typescript": "^5.5.3",
|
||||
"typescript-eslint": "^8.3.0",
|
||||
"vite": "5.4.10",
|
||||
"vitest": "^2.1.4"
|
||||
"vite": "5.4.10"
|
||||
},
|
||||
"pnpm": {
|
||||
"overrides": {
|
||||
"lru-cache": "7.18.3",
|
||||
"@babel/helper-compilation-targets": "7.25.9",
|
||||
"@asamuzakjp/css-color": "3.2.0"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
2359
MEDICONNECT 2/pnpm-lock.yaml
generated
2359
MEDICONNECT 2/pnpm-lock.yaml
generated
File diff suppressed because it is too large
Load Diff
@ -1,186 +0,0 @@
|
||||
// Script para atribuir o paciente Guilherme ao Fernando
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Admin credentials
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
// Fernando user ID
|
||||
const FERNANDO_USER_ID = "be1e3cba-534e-48c3-9590-b7e55861cade";
|
||||
|
||||
// Guilherme patient ID (do teste anterior)
|
||||
const GUILHERME_ID = "864b1785-461f-4e92-8b74-2a6f17c58a80";
|
||||
const GUILHERME_NOME = "Guilherme Silva Gomes - SQUAD 18";
|
||||
|
||||
async function atribuirGuilherme() {
|
||||
try {
|
||||
console.log("\n🔐 === ATRIBUIR GUILHERME AO FERNANDO ===\n");
|
||||
|
||||
// 1. Login como admin
|
||||
console.log("1️⃣ Fazendo login como admin...");
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
throw new Error(
|
||||
`Erro no login: ${loginResponse.status} - ${await loginResponse.text()}`
|
||||
);
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const accessToken = loginData.access_token;
|
||||
const adminUserId = loginData.user.id;
|
||||
|
||||
console.log(`✅ Login admin realizado!`);
|
||||
console.log(` Admin User ID: ${adminUserId}`);
|
||||
|
||||
// 2. Verificar se a atribuição já existe
|
||||
console.log(`\n2️⃣ Verificando atribuições existentes...`);
|
||||
|
||||
const checkResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${FERNANDO_USER_ID}&patient_id=eq.${GUILHERME_ID}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (checkResponse.ok) {
|
||||
const existing = await checkResponse.json();
|
||||
if (existing.length > 0) {
|
||||
console.log(`⚠️ Atribuição já existe!`);
|
||||
console.log(` Assignment ID: ${existing[0].id}`);
|
||||
console.log(` Criado em: ${existing[0].created_at}`);
|
||||
console.log(`\n✅ Guilherme já está atribuído ao Fernando!`);
|
||||
return;
|
||||
}
|
||||
}
|
||||
|
||||
console.log(` ℹ️ Nenhuma atribuição existente encontrada.`);
|
||||
|
||||
// 3. Criar nova atribuição
|
||||
console.log(`\n3️⃣ Criando nova atribuição...`);
|
||||
console.log(` Paciente: ${GUILHERME_NOME}`);
|
||||
console.log(` Médico: Fernando (${FERNANDO_USER_ID})`);
|
||||
|
||||
const atribuicao = {
|
||||
patient_id: GUILHERME_ID,
|
||||
user_id: FERNANDO_USER_ID,
|
||||
role: "medico",
|
||||
created_by: adminUserId,
|
||||
};
|
||||
|
||||
const createResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify(atribuicao),
|
||||
}
|
||||
);
|
||||
|
||||
if (!createResponse.ok) {
|
||||
const errorText = await createResponse.text();
|
||||
throw new Error(
|
||||
`Erro ao criar atribuição: ${createResponse.status} - ${errorText}`
|
||||
);
|
||||
}
|
||||
|
||||
const result = await createResponse.json();
|
||||
const assignment = Array.isArray(result) ? result[0] : result;
|
||||
|
||||
console.log(`✅ Atribuição criada com sucesso!`);
|
||||
console.log(` Assignment ID: ${assignment.id}`);
|
||||
console.log(` Patient ID: ${assignment.patient_id}`);
|
||||
console.log(` User ID: ${assignment.user_id}`);
|
||||
console.log(` Role: ${assignment.role}`);
|
||||
console.log(` Created At: ${assignment.created_at}`);
|
||||
|
||||
// 4. Verificar todas as atribuições do Fernando
|
||||
console.log(`\n4️⃣ Verificando todas as atribuições do Fernando...`);
|
||||
|
||||
const allAssignmentsResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${FERNANDO_USER_ID}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (allAssignmentsResponse.ok) {
|
||||
const assignments = await allAssignmentsResponse.json();
|
||||
console.log(
|
||||
`✅ Fernando possui ${assignments.length} paciente(s) atribuído(s):`
|
||||
);
|
||||
|
||||
for (let i = 0; i < assignments.length; i++) {
|
||||
const a = assignments[i];
|
||||
|
||||
// Buscar nome do paciente
|
||||
const patientResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?id=eq.${a.patient_id}&select=full_name`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
let patientName = "Nome não encontrado";
|
||||
if (patientResponse.ok) {
|
||||
const patients = await patientResponse.json();
|
||||
if (patients.length > 0) {
|
||||
patientName = patients[0].full_name;
|
||||
}
|
||||
}
|
||||
|
||||
console.log(` ${i + 1}. ${patientName}`);
|
||||
console.log(` ID: ${a.patient_id}`);
|
||||
console.log(` Role: ${a.role}`);
|
||||
}
|
||||
}
|
||||
|
||||
console.log(`\n🎉 SUCESSO!`);
|
||||
console.log(` Guilherme agora está atribuído ao Fernando!`);
|
||||
console.log(` Fernando pode vê-lo no painel médico.`);
|
||||
console.log(`\n Para testar:`);
|
||||
console.log(
|
||||
` 1. Faça login: fernando.pirichowski@souunit.com.br / fernando`
|
||||
);
|
||||
console.log(` 2. Acesse o painel médico`);
|
||||
console.log(` 3. Clique em "Novo Relatório"`);
|
||||
console.log(` 4. Guilherme deve aparecer na lista de pacientes!`);
|
||||
} catch (error) {
|
||||
console.error("\n❌ Erro:", error);
|
||||
if (error instanceof Error) {
|
||||
console.error(" Mensagem:", error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Executar
|
||||
atribuirGuilherme();
|
||||
@ -1,105 +0,0 @@
|
||||
/**
|
||||
* Script para cadastrar o paciente Guilherme Silva Gomes - SQUAD 18
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais do admin
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 Fazendo login como admin...");
|
||||
|
||||
// 1. Login do admin
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
console.log("✅ Login realizado com sucesso!\n");
|
||||
|
||||
// 2. Dados do paciente Guilherme Silva Gomes - SQUAD 18
|
||||
const pacienteData = {
|
||||
full_name: "Guilherme Silva Gomes - SQUAD 18",
|
||||
email: "guilherme@paciente.com",
|
||||
phone_mobile: "79999521847",
|
||||
cpf: "11144477735", // CPF válido para teste (validado por algoritmo)
|
||||
birth_date: "2000-01-01",
|
||||
sex: "M",
|
||||
};
|
||||
|
||||
console.log("📝 Cadastrando paciente:");
|
||||
console.log(JSON.stringify(pacienteData, null, 2));
|
||||
console.log("");
|
||||
|
||||
// 3. Cadastrar o paciente
|
||||
const cadastroResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/patients`,
|
||||
pacienteData,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ Paciente cadastrado com sucesso!");
|
||||
console.log("Dados retornados:");
|
||||
console.log(JSON.stringify(cadastroResponse.data, null, 2));
|
||||
console.log("");
|
||||
|
||||
// 4. Verificar se o paciente aparece na API
|
||||
console.log("🔍 Verificando se o paciente aparece na lista...");
|
||||
|
||||
const listaResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const guilherme = listaResponse.data.find(
|
||||
(p) => p.email === "guilherme@paciente.com"
|
||||
);
|
||||
|
||||
if (guilherme) {
|
||||
console.log("✅ SUCESSO! Paciente encontrado na API:");
|
||||
console.log(JSON.stringify(guilherme, null, 2));
|
||||
} else {
|
||||
console.log("❌ Paciente não encontrado na lista.");
|
||||
}
|
||||
|
||||
console.log("");
|
||||
console.log(`📊 Total de pacientes na base: ${listaResponse.data.length}`);
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
console.error("Headers:", error.response.headers);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,50 +0,0 @@
|
||||
#!/usr/bin/env node
|
||||
/*
|
||||
Verifica se a saída gerada de openapi-typescript difere do arquivo commitado.
|
||||
Estratégia:
|
||||
1. Gera tipos em memória (spawn openapi-typescript) para stdout.
|
||||
2. Lê conteúdo atual de src/types/api.d.ts.
|
||||
3. Compara strings normalizando quebras de linha.
|
||||
4. Se diferente -> exit 1 com mensagem.
|
||||
*/
|
||||
|
||||
const { spawnSync } = require("node:child_process");
|
||||
const { readFileSync } = require("node:fs");
|
||||
const path = require("node:path");
|
||||
|
||||
const SPEC = path.resolve(process.cwd(), "docs/api/openapi.partial.json");
|
||||
const TARGET = path.resolve(process.cwd(), "src/types/api.d.ts");
|
||||
|
||||
function generateTypes() {
|
||||
const result = spawnSync("npx", ["openapi-typescript", SPEC], {
|
||||
encoding: "utf-8",
|
||||
});
|
||||
if (result.status !== 0) {
|
||||
console.error(
|
||||
"[check:api-drift] Falha ao gerar tipos:",
|
||||
result.stderr || result.stdout
|
||||
);
|
||||
process.exit(2);
|
||||
}
|
||||
return result.stdout;
|
||||
}
|
||||
|
||||
function normalize(str) {
|
||||
return str.replace(/\r\n?/g, "\n").trim();
|
||||
}
|
||||
|
||||
try {
|
||||
const generated = normalize(generateTypes());
|
||||
const current = normalize(readFileSync(TARGET, "utf-8"));
|
||||
if (generated !== current) {
|
||||
console.error(
|
||||
"\n[check:api-drift] Diferença detectada entre spec e tipos commitados."
|
||||
);
|
||||
console.error("Execute: pnpm gen:api-types");
|
||||
process.exit(1);
|
||||
}
|
||||
console.log("[check:api-drift] OK - tipos sincronizados.");
|
||||
} catch (e) {
|
||||
console.error("[check:api-drift] Erro inesperado:", e.message);
|
||||
process.exit(2);
|
||||
}
|
||||
@ -1,58 +0,0 @@
|
||||
// Script para diagnosticar localStorage e limpar tokens expirados
|
||||
console.log("\n========== DIAGNÓSTICO LOCALSTORAGE ==========");
|
||||
|
||||
const keys = ["authToken", "token", "refreshToken", "authUser", "appSession"];
|
||||
keys.forEach((k) => {
|
||||
const val = localStorage.getItem(k);
|
||||
if (val) {
|
||||
console.log(
|
||||
`${k}:`,
|
||||
val.length > 100 ? val.substring(0, 100) + "..." : val
|
||||
);
|
||||
} else {
|
||||
console.log(`${k}: (ausente)`);
|
||||
}
|
||||
});
|
||||
|
||||
// Decode JWT se existir
|
||||
function decodeJwt(token: string | null): {
|
||||
valid: boolean;
|
||||
payload?: { exp?: number; role?: string; sub?: string };
|
||||
expired?: boolean;
|
||||
} {
|
||||
if (!token) return { valid: false };
|
||||
try {
|
||||
const parts = token.split(".");
|
||||
if (parts.length !== 3) return { valid: false };
|
||||
const payload = JSON.parse(atob(parts[1]));
|
||||
const now = Math.floor(Date.now() / 1000);
|
||||
const expired = payload.exp ? payload.exp < now : false;
|
||||
return { valid: true, payload, expired };
|
||||
} catch {
|
||||
return { valid: false };
|
||||
}
|
||||
}
|
||||
|
||||
const tok = localStorage.getItem("authToken") || localStorage.getItem("token");
|
||||
if (tok) {
|
||||
const decoded = decodeJwt(tok);
|
||||
console.log("\n[Decode token]", decoded);
|
||||
if (decoded.expired) {
|
||||
console.warn("⚠️ Token expirado! Limpando...");
|
||||
localStorage.removeItem("authToken");
|
||||
localStorage.removeItem("token");
|
||||
localStorage.removeItem("refreshToken");
|
||||
localStorage.removeItem("authUser");
|
||||
console.log(
|
||||
"✅ Tokens removidos. Recarregue a página e faça login novamente."
|
||||
);
|
||||
} else {
|
||||
console.log("✅ Token ainda válido.");
|
||||
}
|
||||
} else {
|
||||
console.log(
|
||||
"\n[Diagnóstico] Nenhum authToken encontrado. Usuário não autenticado."
|
||||
);
|
||||
}
|
||||
|
||||
console.log("==============================================\n");
|
||||
@ -1,116 +0,0 @@
|
||||
-- =========================================
|
||||
-- POLÍTICAS RLS PARA SECRETÁRIA CADASTRAR
|
||||
-- =========================================
|
||||
-- Execute este SQL no Supabase SQL Editor
|
||||
-- URL: https://app.supabase.com/project/yuanqfswhberkoevtmfr/sql/new
|
||||
|
||||
-- =========================================
|
||||
-- TABELA DOCTORS (Médicos)
|
||||
-- =========================================
|
||||
|
||||
-- SELECT: Qualquer um autenticado pode ler
|
||||
DROP POLICY IF EXISTS "doctors_select_authenticated" ON doctors;
|
||||
CREATE POLICY "doctors_select_authenticated"
|
||||
ON doctors FOR SELECT
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- INSERT: Qualquer usuário autenticado pode criar
|
||||
DROP POLICY IF EXISTS "doctors_insert_authenticated" ON doctors;
|
||||
CREATE POLICY "doctors_insert_authenticated"
|
||||
ON doctors FOR INSERT
|
||||
TO authenticated
|
||||
WITH CHECK (true);
|
||||
|
||||
-- UPDATE: Qualquer usuário autenticado pode atualizar
|
||||
DROP POLICY IF EXISTS "doctors_update_authenticated" ON doctors;
|
||||
CREATE POLICY "doctors_update_authenticated"
|
||||
ON doctors FOR UPDATE
|
||||
TO authenticated
|
||||
USING (true)
|
||||
WITH CHECK (true);
|
||||
|
||||
-- DELETE: Qualquer usuário autenticado pode deletar
|
||||
DROP POLICY IF EXISTS "doctors_delete_authenticated" ON doctors;
|
||||
CREATE POLICY "doctors_delete_authenticated"
|
||||
ON doctors FOR DELETE
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- =========================================
|
||||
-- TABELA PATIENTS (Pacientes)
|
||||
-- =========================================
|
||||
|
||||
-- SELECT: Qualquer um autenticado pode ler
|
||||
DROP POLICY IF EXISTS "patients_select_authenticated" ON patients;
|
||||
CREATE POLICY "patients_select_authenticated"
|
||||
ON patients FOR SELECT
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- INSERT: Qualquer usuário autenticado pode criar
|
||||
DROP POLICY IF EXISTS "patients_insert_authenticated" ON patients;
|
||||
CREATE POLICY "patients_insert_authenticated"
|
||||
ON patients FOR INSERT
|
||||
TO authenticated
|
||||
WITH CHECK (true);
|
||||
|
||||
-- UPDATE: Qualquer usuário autenticado pode atualizar
|
||||
DROP POLICY IF EXISTS "patients_update_authenticated" ON patients;
|
||||
CREATE POLICY "patients_update_authenticated"
|
||||
ON patients FOR UPDATE
|
||||
TO authenticated
|
||||
USING (true)
|
||||
WITH CHECK (true);
|
||||
|
||||
-- DELETE: Qualquer usuário autenticado pode deletar
|
||||
DROP POLICY IF EXISTS "patients_delete_authenticated" ON patients;
|
||||
CREATE POLICY "patients_delete_authenticated"
|
||||
ON patients FOR DELETE
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- =========================================
|
||||
-- TABELA PROFILES (Perfis - se existir)
|
||||
-- =========================================
|
||||
|
||||
-- SELECT: Qualquer um autenticado pode ler
|
||||
DROP POLICY IF EXISTS "profiles_select_authenticated" ON profiles;
|
||||
CREATE POLICY "profiles_select_authenticated"
|
||||
ON profiles FOR SELECT
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- INSERT: Pode criar próprio perfil
|
||||
DROP POLICY IF EXISTS "profiles_insert_own" ON profiles;
|
||||
CREATE POLICY "profiles_insert_own"
|
||||
ON profiles FOR INSERT
|
||||
TO authenticated
|
||||
WITH CHECK (auth.uid() = id);
|
||||
|
||||
-- UPDATE: Pode atualizar próprio perfil ou qualquer se for admin
|
||||
DROP POLICY IF EXISTS "profiles_update_own_or_admin" ON profiles;
|
||||
CREATE POLICY "profiles_update_own_or_admin"
|
||||
ON profiles FOR UPDATE
|
||||
TO authenticated
|
||||
USING (auth.uid() = id OR true)
|
||||
WITH CHECK (auth.uid() = id OR true);
|
||||
|
||||
-- =========================================
|
||||
-- GARANTIR QUE RLS ESTÁ ATIVADO
|
||||
-- =========================================
|
||||
|
||||
ALTER TABLE doctors ENABLE ROW LEVEL SECURITY;
|
||||
ALTER TABLE patients ENABLE ROW LEVEL SECURITY;
|
||||
ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;
|
||||
|
||||
-- =========================================
|
||||
-- RESULTADO ESPERADO
|
||||
-- =========================================
|
||||
-- Após executar este script:
|
||||
-- ✅ Secretária pode cadastrar médicos
|
||||
-- ✅ Secretária pode cadastrar pacientes
|
||||
-- ✅ Secretária pode editar médicos e pacientes
|
||||
-- ✅ Secretária pode deletar médicos e pacientes
|
||||
-- ✅ Admin pode fazer tudo
|
||||
-- ✅ RLS continua protegendo acesso não autenticado
|
||||
@ -1,170 +0,0 @@
|
||||
// Script para criar atribuições de pacientes para o Fernando
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Admin credentials
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
// Fernando user ID (do teste anterior)
|
||||
const FERNANDO_USER_ID = "be1e3cba-534e-48c3-9590-b7e55861cade";
|
||||
|
||||
// IDs dos pacientes (do teste anterior)
|
||||
const PACIENTES = [
|
||||
{
|
||||
id: "27aff771-8297-4ab2-8886-de8cf09c3895",
|
||||
nome: "Isaac Kauã Barrozo Oliveira",
|
||||
},
|
||||
{
|
||||
id: "5236952f-efdd-4af6-b94b-0b28a89cb06c",
|
||||
nome: "João Pedro Lima dos Santos",
|
||||
},
|
||||
{
|
||||
id: "7ddbd1e2-1aee-4f7a-94f9-ee4c735ca276",
|
||||
nome: "Gabriel Nascimento Correia",
|
||||
},
|
||||
{ id: "1f5ac462-faf1-4290-ac55-d1900afb074e", nome: "Danilo Santos" },
|
||||
{
|
||||
id: "cf835709-616f-428f-8055-1acf53ee24bb",
|
||||
nome: "Jonas Francisco Nascimento Bonfim",
|
||||
},
|
||||
];
|
||||
|
||||
async function criarAtribuicoes() {
|
||||
try {
|
||||
console.log("\n🔐 === CRIAR ATRIBUIÇÕES PARA FERNANDO ===\n");
|
||||
|
||||
// 1. Login como admin
|
||||
console.log("1️⃣ Fazendo login como admin...");
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
throw new Error(
|
||||
`Erro no login: ${loginResponse.status} - ${await loginResponse.text()}`
|
||||
);
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const accessToken = loginData.access_token;
|
||||
const adminUserId = loginData.user.id;
|
||||
|
||||
console.log(`✅ Login admin realizado!`);
|
||||
console.log(` Admin User ID: ${adminUserId}`);
|
||||
|
||||
// 2. Criar atribuições para cada paciente
|
||||
console.log(
|
||||
`\n2️⃣ Criando atribuições para Fernando (${FERNANDO_USER_ID})...\n`
|
||||
);
|
||||
|
||||
let sucessos = 0;
|
||||
let erros = 0;
|
||||
|
||||
for (let i = 0; i < PACIENTES.length; i++) {
|
||||
const paciente = PACIENTES[i];
|
||||
console.log(
|
||||
` [${i + 1}/${PACIENTES.length}] Atribuindo: ${paciente.nome}...`
|
||||
);
|
||||
|
||||
try {
|
||||
const atribuicao = {
|
||||
patient_id: paciente.id,
|
||||
user_id: FERNANDO_USER_ID,
|
||||
role: "medico",
|
||||
created_by: adminUserId,
|
||||
};
|
||||
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify(atribuicao),
|
||||
}
|
||||
);
|
||||
|
||||
if (!response.ok) {
|
||||
const errorText = await response.text();
|
||||
throw new Error(`${response.status} - ${errorText}`);
|
||||
}
|
||||
|
||||
const result = await response.json();
|
||||
console.log(
|
||||
` ✅ Sucesso! Assignment ID: ${
|
||||
result[0]?.id || result.id || "N/A"
|
||||
}`
|
||||
);
|
||||
sucessos++;
|
||||
} catch (error) {
|
||||
console.error(
|
||||
` ❌ Erro:`,
|
||||
error instanceof Error ? error.message : error
|
||||
);
|
||||
erros++;
|
||||
}
|
||||
}
|
||||
|
||||
// 3. Verificar atribuições criadas
|
||||
console.log(`\n3️⃣ Verificando atribuições criadas...\n`);
|
||||
|
||||
const verificarResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${FERNANDO_USER_ID}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (verificarResponse.ok) {
|
||||
const assignments = await verificarResponse.json();
|
||||
console.log(`✅ Total de atribuições do Fernando: ${assignments.length}`);
|
||||
|
||||
assignments.forEach((a, i) => {
|
||||
console.log(` ${i + 1}. Patient: ${a.patient_id} | Role: ${a.role}`);
|
||||
});
|
||||
}
|
||||
|
||||
// 4. Resumo
|
||||
console.log(`\n📊 === RESUMO ===`);
|
||||
console.log(` ✅ Sucessos: ${sucessos}`);
|
||||
console.log(` ❌ Erros: ${erros}`);
|
||||
console.log(` 📋 Total tentados: ${PACIENTES.length}`);
|
||||
|
||||
if (sucessos > 0) {
|
||||
console.log(
|
||||
`\n🎉 Fernando agora pode ver ${sucessos} pacientes no painel médico!`
|
||||
);
|
||||
console.log(
|
||||
` Faça login com: fernando.pirichowski@souunit.com.br / fernando`
|
||||
);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("\n❌ Erro geral:", error);
|
||||
if (error instanceof Error) {
|
||||
console.error(" Mensagem:", error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Executar
|
||||
criarAtribuicoes();
|
||||
@ -1,141 +0,0 @@
|
||||
/**
|
||||
* Script para criar 3 consultas de exemplo para o usuário/paciente Pedro Araujo.
|
||||
* Credenciais locais fornecidas: Email: pedro.araujo@mediconnect.com Senha: local123
|
||||
* Este script NÃO cria o usuário nem o paciente se não existirem; apenas tenta
|
||||
* localizar o paciente por email e gerar um arquivo local de demonstração
|
||||
* (src/data/consultas-pedro.json) e opcionalmente mesclar no consultas-demo.json.
|
||||
*
|
||||
* Modo 1 (arquivo local): Gera JSON com consultas fictícias.
|
||||
* Modo 2 (Supabase) - opcional futuro: Inserir via REST (requer tabela appointments e RLS configurada).
|
||||
*/
|
||||
|
||||
import fs from 'fs';
|
||||
import path from 'path';
|
||||
import fetch from 'node-fetch';
|
||||
|
||||
const SUPABASE_URL = 'https://yuanqfswhberkoevtmfr.supabase.co';
|
||||
const SUPABASE_ANON_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ';
|
||||
|
||||
const PEDRO_EMAIL = 'pedro.araujo@mediconnect.com';
|
||||
// Placeholder: se souber o ID real do paciente no Supabase, coloque aqui para futura inserção
|
||||
let pedroPatientId = null;
|
||||
|
||||
async function tentarLocalizarPaciente() {
|
||||
try {
|
||||
const res = await fetch(`${SUPABASE_URL}/rest/v1/patients?select=id,email&email=eq.${encodeURIComponent(PEDRO_EMAIL)}`, {
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
}
|
||||
});
|
||||
if (!res.ok) return null;
|
||||
const data = await res.json();
|
||||
if (Array.isArray(data) && data.length > 0) {
|
||||
return data[0].id;
|
||||
}
|
||||
return null;
|
||||
} catch (e) {
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
function criarConsultasLocais(patientIdOrEmail) {
|
||||
const agora = new Date();
|
||||
const isoFuturo = (dias, hora) => {
|
||||
const d = new Date(agora.getTime() + dias * 86400000);
|
||||
d.setHours(hora, 0, 0, 0);
|
||||
return d.toISOString();
|
||||
};
|
||||
|
||||
const medicoFernandoId = 'be1e3cba-534e-48c3-9590-b7e55861cade';
|
||||
const medicoFernandoNome = 'Fernando Pirichowski - Squad 18';
|
||||
const pacientePedroNome = 'Pedro Araujo';
|
||||
|
||||
const consultas = [
|
||||
{
|
||||
id: 'consulta-demo-pedro-001',
|
||||
pacienteId: patientIdOrEmail,
|
||||
medicoId: medicoFernandoId,
|
||||
pacienteNome: pacientePedroNome,
|
||||
medicoNome: medicoFernandoNome,
|
||||
dataHora: isoFuturo(2, 10),
|
||||
status: 'agendada',
|
||||
tipo: 'Consulta',
|
||||
observacoes: 'Primeira avaliação clínica do Pedro.'
|
||||
},
|
||||
{
|
||||
id: 'consulta-demo-pedro-002',
|
||||
pacienteId: patientIdOrEmail,
|
||||
medicoId: medicoFernandoId,
|
||||
pacienteNome: pacientePedroNome,
|
||||
medicoNome: medicoFernandoNome,
|
||||
dataHora: isoFuturo(7, 9),
|
||||
status: 'confirmada',
|
||||
tipo: 'Retorno',
|
||||
observacoes: 'Retorno para revisar sintomas.'
|
||||
},
|
||||
{
|
||||
id: 'consulta-demo-pedro-003',
|
||||
pacienteId: patientIdOrEmail,
|
||||
medicoId: medicoFernandoId,
|
||||
pacienteNome: pacientePedroNome,
|
||||
medicoNome: medicoFernandoNome,
|
||||
dataHora: isoFuturo(14, 11),
|
||||
status: 'agendada',
|
||||
tipo: 'Exame',
|
||||
observacoes: 'Agendamento de exame complementar.'
|
||||
}
|
||||
];
|
||||
return consultas;
|
||||
}
|
||||
|
||||
function salvarArquivoJson(fileName, data) {
|
||||
const dataDir = path.join(process.cwd(), 'src', 'data');
|
||||
if (!fs.existsSync(dataDir)) fs.mkdirSync(dataDir, { recursive: true });
|
||||
const fullPath = path.join(dataDir, fileName);
|
||||
fs.writeFileSync(fullPath, JSON.stringify(data, null, 2));
|
||||
console.log(`✅ Arquivo gerado: ${fullPath}`);
|
||||
return fullPath;
|
||||
}
|
||||
|
||||
function mesclarNoConsultasDemo(novas) {
|
||||
const demoPath = path.join(process.cwd(), 'src', 'data', 'consultas-demo.json');
|
||||
if (!fs.existsSync(demoPath)) {
|
||||
console.log('ℹ️ consultas-demo.json não encontrado, pulando mescla.');
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const atual = JSON.parse(fs.readFileSync(demoPath, 'utf-8'));
|
||||
const idsExistentes = new Set(atual.map(c => c.id));
|
||||
const filtradas = novas.filter(c => !idsExistentes.has(c.id));
|
||||
const combinado = [...atual, ...filtradas];
|
||||
fs.writeFileSync(demoPath, JSON.stringify(combinado, null, 2));
|
||||
console.log(`✅ ${filtradas.length} consultas adicionadas a consultas-demo.json`);
|
||||
} catch (e) {
|
||||
console.warn('⚠️ Falha ao mesclar no consultas-demo.json:', e.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function main() {
|
||||
console.log('\n📁 Criando consultas de exemplo para Pedro...');
|
||||
const pacienteId = await tentarLocalizarPaciente();
|
||||
if (pacienteId) {
|
||||
pedroPatientId = pacienteId;
|
||||
console.log(`✅ Paciente encontrado no Supabase: ${pacienteId}`);
|
||||
} else {
|
||||
console.log('ℹ️ Paciente Pedro não encontrado no Supabase — usando email como identificador local.');
|
||||
}
|
||||
const ident = pedroPatientId || PEDRO_EMAIL;
|
||||
const consultas = criarConsultasLocais(ident);
|
||||
salvarArquivoJson('consultas-pedro.json', consultas);
|
||||
mesclarNoConsultasDemo(consultas);
|
||||
console.log('\n✨ Concluído. Você pode agora:');
|
||||
console.log(' 1. Rodar a aplicação (pnpm dev)');
|
||||
console.log(' 2. Verificar se seu código carrega dados de src/data/consultas-demo.json');
|
||||
console.log(' 3. (Se não carregar automaticamente) Injetar via console usando snippet que fornecerei.');
|
||||
}
|
||||
|
||||
main().catch(e => {
|
||||
console.error('❌ Erro no script:', e.message);
|
||||
process.exit(1);
|
||||
});
|
||||
@ -1,181 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais admin para realizar INSERTs autenticados (RLS exige usuário autenticado)
|
||||
const ADMIN_EMAIL = process.env.TEST_ADMIN_EMAIL || "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD =
|
||||
process.env.TEST_ADMIN_PASSWORD || "riseup";
|
||||
|
||||
console.log("\n🔧 CRIANDO DADOS DE TESTE\n");
|
||||
|
||||
async function loginAdmin() {
|
||||
console.log("🔐 Fazendo login como admin para inserir dados (RLS)...");
|
||||
const res = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({ email: ADMIN_EMAIL, password: ADMIN_PASSWORD }),
|
||||
}
|
||||
);
|
||||
if (!res.ok) {
|
||||
const txt = await res.text();
|
||||
throw new Error(`Falha no login admin (${res.status}): ${txt}`);
|
||||
}
|
||||
const data = await res.json();
|
||||
console.log("✅ Login admin OK\n");
|
||||
return data.access_token;
|
||||
}
|
||||
|
||||
async function criarMedicoTeste(adminToken) {
|
||||
console.log("👨⚕️ Criando médico de teste...");
|
||||
|
||||
const medico = {
|
||||
full_name: "Dr. João Silva",
|
||||
email: "drjoao@mediconnect.com",
|
||||
crm: "12345",
|
||||
crm_uf: "SE",
|
||||
specialty: "Cardiologia",
|
||||
phone_mobile: "79999999999",
|
||||
cpf: "12345678900",
|
||||
active: true,
|
||||
};
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/rest/v1/doctors`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
// IMPORTANTE: usar token do admin autenticado para permitir INSERT (RLS)
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify(medico),
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log("✅ Médico criado com sucesso!");
|
||||
console.log(" ID:", data[0]?.id);
|
||||
console.log(" Nome:", data[0]?.full_name);
|
||||
return data[0];
|
||||
} else {
|
||||
console.log("❌ Erro ao criar médico:", response.status);
|
||||
const error = await response.text();
|
||||
console.log(error);
|
||||
return null;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function criarPacienteTeste(adminToken) {
|
||||
console.log("\n👤 Criando paciente de teste...");
|
||||
|
||||
const paciente = {
|
||||
full_name: "Maria Santos",
|
||||
email: "maria@example.com",
|
||||
phone_mobile: "79988888888",
|
||||
cpf: "98765432100",
|
||||
birth_date: "1990-05-15",
|
||||
street: "Rua das Flores",
|
||||
number: "100",
|
||||
neighborhood: "Centro",
|
||||
city: "Aracaju",
|
||||
state: "SE",
|
||||
cep: "49000-000",
|
||||
};
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/rest/v1/patients`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
// IMPORTANTE: usar token do admin autenticado para permitir INSERT (RLS)
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify(paciente),
|
||||
});
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
console.log("✅ Paciente criado com sucesso!");
|
||||
console.log(" ID:", data[0]?.id);
|
||||
console.log(" Nome:", data[0]?.full_name);
|
||||
return data[0];
|
||||
} else {
|
||||
console.log("❌ Erro ao criar paciente:", response.status);
|
||||
const error = await response.text();
|
||||
console.log(error);
|
||||
|
||||
if (response.status === 403 || response.status === 401) {
|
||||
console.log("\n⚠️ RLS está bloqueando a inserção anônima!");
|
||||
console.log(" Você precisa:");
|
||||
console.log(" 1. Criar uma política RLS que permita INSERT público");
|
||||
console.log(
|
||||
" 2. Ou usar a service_role key (não recomendado para front-end)"
|
||||
);
|
||||
console.log(
|
||||
" 3. Ou criar através da interface de cadastro (com autenticação)"
|
||||
);
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function criar() {
|
||||
const adminToken = await loginAdmin();
|
||||
await criarMedicoTeste(adminToken);
|
||||
await criarPacienteTeste(adminToken);
|
||||
|
||||
console.log("\n\n📊 VERIFICANDO RESULTADOS...\n");
|
||||
|
||||
// Verificar médicos
|
||||
const respMedicos = await fetch(`${SUPABASE_URL}/rest/v1/doctors?select=*`, {
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
},
|
||||
});
|
||||
|
||||
if (respMedicos.ok) {
|
||||
const medicos = await respMedicos.json();
|
||||
console.log(`✅ Médicos cadastrados: ${medicos.length}`);
|
||||
}
|
||||
|
||||
// Verificar pacientes
|
||||
const respPacientes = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (respPacientes.ok) {
|
||||
const pacientes = await respPacientes.json();
|
||||
console.log(`✅ Pacientes cadastrados: ${pacientes.length}`);
|
||||
}
|
||||
|
||||
console.log("\n✨ Pronto! Agora os painéis devem mostrar os dados.\n");
|
||||
}
|
||||
|
||||
criar();
|
||||
@ -1,413 +0,0 @@
|
||||
/**
|
||||
* Script completo para criar usuário Guilherme com role "user"
|
||||
* Email: guilhermesilvagomes1020@gmail.com
|
||||
* Telefone: 79999521847
|
||||
*/
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Admin credentials
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
// Guilherme dados atualizados
|
||||
const GUILHERME_EMAIL = "guilhermesilvagomes1020@gmail.com";
|
||||
const GUILHERME_PASSWORD = "guilherme123";
|
||||
const GUILHERME_NOME = "Guilherme Silva Gomes - SQUAD 18";
|
||||
const GUILHERME_TELEFONE = "79999521847";
|
||||
const GUILHERME_CPF = "11144477735"; // CPF válido para teste
|
||||
|
||||
// Fernando dados
|
||||
const FERNANDO_USER_ID = "be1e3cba-534e-48c3-9590-b7e55861cade";
|
||||
const FERNANDO_NOME = "Fernando Pirichowski - Squad 18";
|
||||
|
||||
async function criarGuilhermeCompleto() {
|
||||
try {
|
||||
console.log("\n🔐 === CRIAR GUILHERME COMPLETO ===\n");
|
||||
|
||||
// 1. Login como admin
|
||||
console.log("1️⃣ Fazendo login como admin...");
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
throw new Error(`Erro no login: ${loginResponse.status}`);
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const adminToken = loginData.access_token;
|
||||
console.log("✅ Login admin realizado!\n");
|
||||
|
||||
// 2. Criar paciente Guilherme
|
||||
console.log("2️⃣ Criando paciente Guilherme...");
|
||||
console.log(` Nome: ${GUILHERME_NOME}`);
|
||||
console.log(` Email: ${GUILHERME_EMAIL}`);
|
||||
console.log(` Telefone: ${GUILHERME_TELEFONE}`);
|
||||
console.log(` CPF: ${GUILHERME_CPF}\n`);
|
||||
|
||||
// Verificar se paciente já existe
|
||||
const checkPatientResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?email=eq.${encodeURIComponent(
|
||||
GUILHERME_EMAIL
|
||||
)}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
let existingPatients = await checkPatientResponse.json();
|
||||
let guilhermePatientId;
|
||||
|
||||
// Verificar por email ou CPF
|
||||
if (!existingPatients || existingPatients.length === 0) {
|
||||
const checkByCpfResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?cpf=eq.${GUILHERME_CPF}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
existingPatients = await checkByCpfResponse.json();
|
||||
}
|
||||
|
||||
if (existingPatients && existingPatients.length > 0) {
|
||||
guilhermePatientId = existingPatients[0].id;
|
||||
console.log("✅ Paciente já existe!");
|
||||
console.log(` Patient ID: ${guilhermePatientId}`);
|
||||
console.log(` Nome: ${existingPatients[0].full_name}`);
|
||||
console.log(` Email: ${existingPatients[0].email}\n`);
|
||||
} else {
|
||||
// Criar paciente
|
||||
const createPatientResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
full_name: GUILHERME_NOME,
|
||||
email: GUILHERME_EMAIL,
|
||||
phone_mobile: GUILHERME_TELEFONE,
|
||||
cpf: GUILHERME_CPF,
|
||||
birth_date: "2000-10-20",
|
||||
sex: "M",
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!createPatientResponse.ok) {
|
||||
const error = await createPatientResponse.text();
|
||||
console.error("❌ Erro ao criar paciente:", error);
|
||||
throw new Error(error);
|
||||
}
|
||||
|
||||
const patientData = await createPatientResponse.json();
|
||||
guilhermePatientId = patientData[0]?.id || patientData.id;
|
||||
console.log("✅ Paciente criado!");
|
||||
console.log(` Patient ID: ${guilhermePatientId}\n`);
|
||||
}
|
||||
|
||||
// 3. Criar usuário com role "user"
|
||||
console.log("3️⃣ Criando usuário com role 'user'...");
|
||||
console.log(` Email: ${GUILHERME_EMAIL}`);
|
||||
console.log(` Senha: ${GUILHERME_PASSWORD}`);
|
||||
console.log(` Role: user\n`);
|
||||
|
||||
// Verificar se usuário já existe
|
||||
try {
|
||||
const checkUserLogin = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: GUILHERME_EMAIL,
|
||||
password: GUILHERME_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (checkUserLogin.ok) {
|
||||
const userData = await checkUserLogin.json();
|
||||
console.log("✅ Usuário já existe!");
|
||||
console.log(` User ID: ${userData.user.id}\n`);
|
||||
|
||||
// Atribuir paciente ao usuário
|
||||
await atribuirPaciente(
|
||||
adminToken,
|
||||
userData.user.id,
|
||||
guilhermePatientId
|
||||
);
|
||||
await criarConsultas(guilhermePatientId);
|
||||
mostrarResumo();
|
||||
return;
|
||||
}
|
||||
} catch (e) {
|
||||
console.log("ℹ️ Usuário não existe, criando...\n");
|
||||
}
|
||||
|
||||
// Criar usuário via Edge Function
|
||||
const createUserResponse = await fetch(
|
||||
`${SUPABASE_URL}/functions/v1/create-user`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: GUILHERME_EMAIL,
|
||||
password: GUILHERME_PASSWORD,
|
||||
full_name: GUILHERME_NOME,
|
||||
role: "user",
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
const createUserText = await createUserResponse.text();
|
||||
console.log(" Resposta da criação:", createUserText);
|
||||
|
||||
let createUserData;
|
||||
try {
|
||||
createUserData = JSON.parse(createUserText);
|
||||
} catch (e) {
|
||||
console.error("❌ Erro ao parsear resposta:", createUserText);
|
||||
throw new Error("Resposta inválida da API");
|
||||
}
|
||||
|
||||
if (!createUserResponse.ok) {
|
||||
console.error("❌ Erro ao criar usuário:", createUserData);
|
||||
throw new Error(JSON.stringify(createUserData));
|
||||
}
|
||||
|
||||
// Tentar obter user_id de várias formas
|
||||
let guilhermeUserId =
|
||||
createUserData.user_id ||
|
||||
createUserData.id ||
|
||||
createUserData.userId ||
|
||||
createUserData.user?.id;
|
||||
|
||||
if (!guilhermeUserId) {
|
||||
// Tentar fazer login para obter o ID
|
||||
console.log(" Tentando obter ID via login...");
|
||||
const loginGuilherme = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: GUILHERME_EMAIL,
|
||||
password: GUILHERME_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (loginGuilherme.ok) {
|
||||
const loginData = await loginGuilherme.json();
|
||||
guilhermeUserId = loginData.user.id;
|
||||
}
|
||||
}
|
||||
|
||||
if (!guilhermeUserId) {
|
||||
console.error("❌ Não foi possível obter o User ID!");
|
||||
console.error(" Resposta:", createUserData);
|
||||
throw new Error("User ID não disponível");
|
||||
}
|
||||
|
||||
console.log("✅ Usuário criado com sucesso!");
|
||||
console.log(` User ID: ${guilhermeUserId}\n`);
|
||||
|
||||
// 4. Atribuir paciente ao usuário
|
||||
await atribuirPaciente(adminToken, guilhermeUserId, guilhermePatientId);
|
||||
|
||||
// 5. Criar consultas
|
||||
await criarConsultas(guilhermePatientId);
|
||||
|
||||
// 6. Mostrar resumo
|
||||
mostrarResumo();
|
||||
} catch (error) {
|
||||
console.error("\n❌ ERRO:", error.message);
|
||||
if (error.stack) {
|
||||
console.error(error.stack);
|
||||
}
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
async function atribuirPaciente(adminToken, userId, patientId) {
|
||||
console.log("4️⃣ Atribuindo paciente ao usuário...");
|
||||
|
||||
// Verificar se atribuição já existe
|
||||
const checkResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${userId}&patient_id=eq.${patientId}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const existing = await checkResponse.json();
|
||||
|
||||
if (existing && existing.length > 0) {
|
||||
console.log("✅ Atribuição já existe!\n");
|
||||
return;
|
||||
}
|
||||
|
||||
// Criar atribuição
|
||||
const assignResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
user_id: userId,
|
||||
patient_id: patientId,
|
||||
role: "user", // Adicionar role na atribuição
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!assignResponse.ok) {
|
||||
const error = await assignResponse.text();
|
||||
console.error("⚠️ Erro ao criar atribuição:", error);
|
||||
} else {
|
||||
console.log("✅ Paciente atribuído ao usuário!\n");
|
||||
}
|
||||
}
|
||||
|
||||
async function criarConsultas(guilhermePatientId) {
|
||||
console.log("5️⃣ Criando consultas de demonstração...\n");
|
||||
|
||||
const consultas = [
|
||||
{
|
||||
id: "consulta-demo-guilherme-001",
|
||||
pacienteId: guilhermePatientId,
|
||||
medicoId: FERNANDO_USER_ID,
|
||||
pacienteNome: GUILHERME_NOME,
|
||||
medicoNome: FERNANDO_NOME,
|
||||
dataHora: "2025-10-05T10:00:00",
|
||||
status: "agendada",
|
||||
tipo: "Consulta",
|
||||
observacoes: "Primeira consulta - Check-up geral",
|
||||
},
|
||||
{
|
||||
id: "consulta-demo-guilherme-002",
|
||||
pacienteId: guilhermePatientId,
|
||||
medicoId: FERNANDO_USER_ID,
|
||||
pacienteNome: GUILHERME_NOME,
|
||||
medicoNome: FERNANDO_NOME,
|
||||
dataHora: "2025-09-28T14:30:00",
|
||||
status: "realizada",
|
||||
tipo: "Retorno",
|
||||
observacoes: "Consulta de retorno - Avaliação de exames",
|
||||
},
|
||||
{
|
||||
id: "consulta-demo-guilherme-003",
|
||||
pacienteId: guilhermePatientId,
|
||||
medicoId: FERNANDO_USER_ID,
|
||||
pacienteNome: GUILHERME_NOME,
|
||||
medicoNome: FERNANDO_NOME,
|
||||
dataHora: "2025-10-10T09:00:00",
|
||||
status: "confirmada",
|
||||
tipo: "Consulta",
|
||||
observacoes: "Consulta de acompanhamento mensal",
|
||||
},
|
||||
];
|
||||
|
||||
// Usar import dinâmico para módulos ES
|
||||
const fs = await import("fs");
|
||||
const path = await import("path");
|
||||
const { fileURLToPath } = await import("url");
|
||||
const { dirname } = await import("path");
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = dirname(__filename);
|
||||
|
||||
const dataDir = path.join(__dirname, "..", "src", "data");
|
||||
|
||||
if (!fs.existsSync(dataDir)) {
|
||||
fs.mkdirSync(dataDir, { recursive: true });
|
||||
console.log(" 📁 Diretório src/data criado");
|
||||
}
|
||||
|
||||
const consultasPath = path.join(dataDir, "consultas-demo.json");
|
||||
fs.writeFileSync(consultasPath, JSON.stringify(consultas, null, 2));
|
||||
|
||||
console.log(" ✅ Consultas salvas em src/data/consultas-demo.json");
|
||||
console.log(` 📊 ${consultas.length} consultas criadas:`);
|
||||
consultas.forEach((c, i) => {
|
||||
console.log(` ${i + 1}. ${c.dataHora} - ${c.status} - ${c.tipo}`);
|
||||
});
|
||||
console.log();
|
||||
}
|
||||
|
||||
function mostrarResumo() {
|
||||
console.log("\n✅ === CONFIGURAÇÃO CONCLUÍDA COM SUCESSO! ===\n");
|
||||
console.log("📋 CREDENCIAIS DE LOGIN:\n");
|
||||
console.log(" Email: guilhermesilvagomes1020@gmail.com");
|
||||
console.log(" Senha: guilherme123");
|
||||
console.log(" Role: user (acesso ao painel paciente)\n");
|
||||
console.log("📱 DADOS DO PACIENTE:\n");
|
||||
console.log(" Nome: Guilherme Silva Gomes - SQUAD 18");
|
||||
console.log(" Telefone: 79999521847");
|
||||
console.log(" Médico: Fernando Pirichowski - Squad 18\n");
|
||||
console.log("🔗 PRÓXIMOS PASSOS:\n");
|
||||
console.log(" 1. Acesse http://localhost:5173/paciente no navegador");
|
||||
console.log(
|
||||
" 2. Faça login com: guilhermesilvagomes1020@gmail.com / guilherme123"
|
||||
);
|
||||
console.log(" 3. Você verá o painel do paciente com as consultas");
|
||||
console.log(" 4. As consultas também aparecem no painel do Dr. Fernando");
|
||||
console.log(" 5. E no painel da secretária\n");
|
||||
console.log("💡 PARA CARREGAR AS CONSULTAS NO NAVEGADOR:\n");
|
||||
console.log(" - Abra o console (F12)");
|
||||
console.log(
|
||||
" - Execute: fetch('/src/data/consultas-demo.json').then(r=>r.json()).then(c=>{"
|
||||
);
|
||||
console.log(
|
||||
" localStorage.setItem('consultas_local', JSON.stringify(c));"
|
||||
);
|
||||
console.log(" location.reload();");
|
||||
console.log(" })");
|
||||
console.log();
|
||||
}
|
||||
|
||||
// Executar
|
||||
criarGuilhermeCompleto();
|
||||
@ -1,220 +0,0 @@
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
async function criarJuliaComAdmin() {
|
||||
try {
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("🔐 CRIANDO USUÁRIA JULIA CARVALHO");
|
||||
console.log("═══════════════════════════════════════════════════\n");
|
||||
|
||||
// 1. Login como admin
|
||||
console.log("🔑 Fazendo login como admin (riseup@popcode.com.br)...");
|
||||
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: "riseup@popcode.com.br",
|
||||
password: "riseup",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const adminToken = loginResponse.data.access_token;
|
||||
const adminUserId = loginResponse.data.user.id;
|
||||
|
||||
console.log("✅ Login admin realizado com sucesso!");
|
||||
console.log(` Admin ID: ${adminUserId}\n`);
|
||||
|
||||
// 2. Criar usuário Julia no Supabase Auth
|
||||
console.log("👤 Criando usuária Julia na autenticação...");
|
||||
|
||||
const signupResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/signup`,
|
||||
{
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
password: "secretaria@mediconnect",
|
||||
data: {
|
||||
full_name: "Julia Carvalho",
|
||||
role: "admin",
|
||||
},
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const juliaUserId = signupResponse.data.user?.id;
|
||||
const juliaToken = signupResponse.data.access_token;
|
||||
|
||||
if (!juliaUserId) {
|
||||
throw new Error("Não foi possível obter o ID da usuária criada");
|
||||
}
|
||||
|
||||
console.log("✅ Usuária criada na autenticação!");
|
||||
console.log(` Julia ID: ${juliaUserId}\n`);
|
||||
|
||||
// 3. Criar perfil na tabela profiles usando token admin
|
||||
console.log("📋 Criando perfil na tabela profiles...");
|
||||
|
||||
try {
|
||||
await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/profiles`,
|
||||
{
|
||||
id: juliaUserId,
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
full_name: "Julia Carvalho",
|
||||
is_admin: true,
|
||||
is_secretary: true,
|
||||
is_admin_or_manager: true,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log("✅ Perfil criado com sucesso!\n");
|
||||
} catch (error) {
|
||||
if (error.response?.status === 409) {
|
||||
console.log("⚠️ Perfil já existe, atualizando...");
|
||||
await axios.patch(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?id=eq.${juliaUserId}`,
|
||||
{
|
||||
full_name: "Julia Carvalho",
|
||||
is_admin: true,
|
||||
is_secretary: true,
|
||||
is_admin_or_manager: true,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log("✅ Perfil atualizado!\n");
|
||||
} else {
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
// 4. Adicionar role admin na tabela user_roles
|
||||
console.log("🎭 Adicionando role admin...");
|
||||
|
||||
try {
|
||||
await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/user_roles`,
|
||||
{
|
||||
user_id: juliaUserId,
|
||||
role: "admin",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log("✅ Role admin adicionada!\n");
|
||||
} catch (error) {
|
||||
if (error.response?.status === 409) {
|
||||
console.log("⚠️ Role admin já existe!\n");
|
||||
} else {
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
// 5. Verificar se Julia consegue acessar pacientes
|
||||
console.log("🏥 Testando acesso aos pacientes...");
|
||||
|
||||
const pacientesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name,email&limit=5`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${juliaToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log(
|
||||
`✅ Julia consegue acessar pacientes! (${pacientesResponse.data.length} encontrados)\n`
|
||||
);
|
||||
|
||||
if (pacientesResponse.data.length > 0) {
|
||||
console.log("📋 Pacientes acessíveis:");
|
||||
pacientesResponse.data.forEach((p) => {
|
||||
console.log(
|
||||
` • ${p.full_name || "Sem nome"} - ${p.email || "Sem email"}`
|
||||
);
|
||||
});
|
||||
console.log("");
|
||||
}
|
||||
|
||||
// 6. Resumo final
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("✅ USUÁRIA JULIA CRIADA COM SUCESSO!");
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("");
|
||||
console.log("👤 Nome: Julia Carvalho");
|
||||
console.log("📧 Email: secretaria.mediconnect@gmail.com");
|
||||
console.log("🔑 Senha: secretaria@mediconnect");
|
||||
console.log("🎭 Role: admin");
|
||||
console.log("");
|
||||
console.log("✨ Permissões:");
|
||||
console.log(" ✅ is_admin: true");
|
||||
console.log(" ✅ is_secretary: true");
|
||||
console.log(" ✅ is_admin_or_manager: true");
|
||||
console.log(" ✅ Acesso completo aos pacientes");
|
||||
console.log("");
|
||||
console.log("🌐 Faça login em:");
|
||||
console.log(" http://localhost:5173/login-secretaria");
|
||||
console.log("");
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
} catch (error) {
|
||||
console.error(
|
||||
"\n❌ ERRO ao criar usuária:",
|
||||
error.response?.data || error.message
|
||||
);
|
||||
|
||||
if (error.response?.data?.code === "23505") {
|
||||
console.log("\n⚠️ USUÁRIA JÁ EXISTE!");
|
||||
console.log("");
|
||||
console.log("Você pode fazer login com:");
|
||||
console.log("📧 Email: secretaria.mediconnect@gmail.com");
|
||||
console.log("🔑 Senha: secretaria@mediconnect");
|
||||
console.log("🌐 URL: http://localhost:5173/login-secretaria");
|
||||
} else if (error.response?.status === 422) {
|
||||
console.log("\n⚠️ USUÁRIA JÁ EXISTE (email já cadastrado)");
|
||||
console.log("");
|
||||
console.log("Tente fazer login com:");
|
||||
console.log("📧 Email: secretaria.mediconnect@gmail.com");
|
||||
console.log("🔑 Senha: secretaria@mediconnect");
|
||||
} else if (error.code === "ENOTFOUND") {
|
||||
console.log("\n⚠️ ERRO DE CONEXÃO");
|
||||
console.log("Verifique sua conexão com a internet e tente novamente.");
|
||||
} else {
|
||||
console.log("\n📋 Detalhes do erro:");
|
||||
console.log(JSON.stringify(error.response?.data, null, 2));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
criarJuliaComAdmin();
|
||||
@ -1,188 +0,0 @@
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
async function criarJuliaSecretaria() {
|
||||
try {
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("🔐 CRIANDO JULIA CARVALHO - ROLE SECRETARIA");
|
||||
console.log("═══════════════════════════════════════════════════\n");
|
||||
|
||||
// Login como admin
|
||||
console.log("🔑 Login admin...");
|
||||
const login = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{ email: "riseup@popcode.com.br", password: "riseup" },
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
const adminToken = login.data.access_token;
|
||||
console.log("✅ Admin logado!\n");
|
||||
|
||||
// Criar Julia
|
||||
console.log("👤 Criando Julia...");
|
||||
let juliaUserId;
|
||||
let juliaToken;
|
||||
|
||||
try {
|
||||
const signup = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/signup`,
|
||||
{
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
password: "secretaria@mediconnect",
|
||||
data: { full_name: "Julia Carvalho", role: "secretaria" },
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
juliaUserId = signup.data.user.id;
|
||||
juliaToken = signup.data.access_token;
|
||||
console.log("✅ Julia criada!");
|
||||
} catch (err) {
|
||||
if (err.response?.status === 422) {
|
||||
console.log("⚠️ Julia já existe, fazendo login...");
|
||||
const juliaLogin = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
password: "secretaria@mediconnect",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
juliaUserId = juliaLogin.data.user.id;
|
||||
juliaToken = juliaLogin.data.access_token;
|
||||
console.log("✅ Julia já existe!");
|
||||
} else {
|
||||
throw err;
|
||||
}
|
||||
}
|
||||
|
||||
console.log(` ID: ${juliaUserId}\n`);
|
||||
|
||||
// Criar/atualizar perfil
|
||||
console.log("📋 Criando perfil...");
|
||||
try {
|
||||
await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/profiles`,
|
||||
{
|
||||
id: juliaUserId,
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
full_name: "Julia Carvalho",
|
||||
is_admin: false,
|
||||
is_secretary: true,
|
||||
is_admin_or_manager: false,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log("✅ Perfil criado!\n");
|
||||
} catch (err) {
|
||||
if (err.response?.status === 409) {
|
||||
console.log("⚠️ Perfil existe, atualizando...");
|
||||
await axios.patch(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?id=eq.${juliaUserId}`,
|
||||
{
|
||||
full_name: "Julia Carvalho",
|
||||
is_admin: false,
|
||||
is_secretary: true,
|
||||
is_admin_or_manager: false,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log("✅ Perfil atualizado!\n");
|
||||
} else {
|
||||
console.log(
|
||||
"⚠️ Aviso perfil:",
|
||||
err.response?.data?.message || err.message
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// Adicionar role
|
||||
console.log("🎭 Adicionando role secretaria...");
|
||||
try {
|
||||
await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/user_roles`,
|
||||
{ user_id: juliaUserId, role: "secretaria" },
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log("✅ Role adicionada!\n");
|
||||
} catch (err) {
|
||||
if (err.response?.status === 409) {
|
||||
console.log("⚠️ Role já existe!\n");
|
||||
} else {
|
||||
console.log(
|
||||
"⚠️ Aviso role:",
|
||||
err.response?.data?.message || err.message
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// Testar acesso
|
||||
console.log("🏥 Testando acesso aos pacientes...");
|
||||
const pacientes = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name,email&limit=3`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${juliaToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log(`✅ Acesso OK! (${pacientes.data.length} pacientes)\n`);
|
||||
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("✅ JULIA CRIADA COM SUCESSO!");
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("");
|
||||
console.log("👤 Nome: Julia Carvalho");
|
||||
console.log("📧 Email: secretaria.mediconnect@gmail.com");
|
||||
console.log("🔑 Senha: secretaria@mediconnect");
|
||||
console.log("🎭 Role: secretaria");
|
||||
console.log("");
|
||||
console.log("🌐 Login: http://localhost:5173/login-secretaria");
|
||||
console.log("");
|
||||
} catch (error) {
|
||||
console.error("\n❌ ERRO:", error.response?.data || error.message);
|
||||
if (error.code === "ENOTFOUND") {
|
||||
console.log("\n⚠️ Problema de conexão com Supabase");
|
||||
console.log("Use a página HTML: criar-julia.html");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
criarJuliaSecretaria();
|
||||
@ -1,100 +0,0 @@
|
||||
-- ============================================================
|
||||
-- Script SQL para criar usuária Julia Carvalho com role ADMIN
|
||||
-- Execute este script no Supabase Dashboard > SQL Editor
|
||||
-- ============================================================
|
||||
|
||||
-- 1. Criar usuário no auth.users (SUBSTITUA O ID abaixo por um UUID gerado)
|
||||
-- Você pode gerar um UUID em: https://www.uuidgenerator.net/
|
||||
-- Ou usar: gen_random_uuid()
|
||||
|
||||
INSERT INTO auth.users (
|
||||
id,
|
||||
instance_id,
|
||||
email,
|
||||
encrypted_password,
|
||||
email_confirmed_at,
|
||||
created_at,
|
||||
updated_at,
|
||||
raw_app_meta_data,
|
||||
raw_user_meta_data,
|
||||
role,
|
||||
aud
|
||||
)
|
||||
VALUES (
|
||||
gen_random_uuid(), -- Gera um UUID automaticamente
|
||||
'00000000-0000-0000-0000-000000000000',
|
||||
'secretaria.mediconnect@gmail.com',
|
||||
crypt('secretaria@mediconnect', gen_salt('bf')), -- Hash bcrypt da senha
|
||||
NOW(),
|
||||
NOW(),
|
||||
NOW(),
|
||||
'{"provider": "email", "providers": ["email"]}',
|
||||
'{"full_name": "Julia Carvalho", "role": "admin"}',
|
||||
'authenticated',
|
||||
'authenticated'
|
||||
)
|
||||
ON CONFLICT (email) DO NOTHING
|
||||
RETURNING id;
|
||||
|
||||
-- 2. Obter o ID do usuário criado (copie este ID para usar nos próximos passos)
|
||||
-- Execute esta query separadamente e copie o resultado:
|
||||
SELECT id, email, raw_user_meta_data
|
||||
FROM auth.users
|
||||
WHERE email = 'secretaria.mediconnect@gmail.com';
|
||||
|
||||
-- 3. Criar perfil na tabela users (SUBSTITUA 'UUID_AQUI' pelo ID obtido acima)
|
||||
INSERT INTO public.users (
|
||||
id,
|
||||
email,
|
||||
full_name,
|
||||
is_admin,
|
||||
is_secretary,
|
||||
is_admin_or_manager,
|
||||
created_at,
|
||||
updated_at
|
||||
)
|
||||
VALUES (
|
||||
(SELECT id FROM auth.users WHERE email = 'secretaria.mediconnect@gmail.com'),
|
||||
'secretaria.mediconnect@gmail.com',
|
||||
'Julia Carvalho',
|
||||
true,
|
||||
true,
|
||||
true,
|
||||
NOW(),
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (id) DO UPDATE SET
|
||||
is_admin = true,
|
||||
is_secretary = true,
|
||||
is_admin_or_manager = true;
|
||||
|
||||
-- 4. Adicionar role admin na tabela user_roles
|
||||
INSERT INTO public.user_roles (
|
||||
user_id,
|
||||
role,
|
||||
created_at
|
||||
)
|
||||
VALUES (
|
||||
(SELECT id FROM auth.users WHERE email = 'secretaria.mediconnect@gmail.com'),
|
||||
'admin',
|
||||
NOW()
|
||||
)
|
||||
ON CONFLICT (user_id, role) DO NOTHING;
|
||||
|
||||
-- 5. Verificar criação
|
||||
SELECT
|
||||
u.id,
|
||||
u.email,
|
||||
u.full_name,
|
||||
u.is_admin,
|
||||
u.is_secretary,
|
||||
ur.role
|
||||
FROM public.users u
|
||||
LEFT JOIN public.user_roles ur ON ur.user_id = u.id
|
||||
WHERE u.email = 'secretaria.mediconnect@gmail.com';
|
||||
|
||||
-- ============================================================
|
||||
-- CREDENCIAIS PARA LOGIN:
|
||||
-- Email: secretaria.mediconnect@gmail.com
|
||||
-- Senha: secretaria@mediconnect
|
||||
-- ============================================================
|
||||
@ -1,260 +0,0 @@
|
||||
/**
|
||||
* Script para criar médico Fernando Pirichowski - Squad 18
|
||||
* Cria usuário auth + registro na tabela doctors + atualiza profile com role
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais do admin para operações autenticadas
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
// Dados do médico Fernando
|
||||
const FERNANDO_EMAIL = "fernando.pirichowski@souunit.com.br";
|
||||
const FERNANDO_PASSWORD = "fernando";
|
||||
const FERNANDO_NOME = "Fernando Pirichowski - Squad 18";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 Fazendo login como admin...\n");
|
||||
|
||||
// 1. Login do admin
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const adminToken = loginResponse.data.access_token;
|
||||
console.log("✅ Login admin realizado com sucesso!\n");
|
||||
|
||||
// 2. Verificar se usuário já existe tentando fazer login primeiro
|
||||
console.log("👤 Verificando se usuário Fernando já existe...\n");
|
||||
|
||||
let fernandoUserId;
|
||||
let fernandoToken;
|
||||
let usuarioJaExiste = false;
|
||||
|
||||
try {
|
||||
// Tentar login primeiro
|
||||
const loginFernando = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: FERNANDO_EMAIL,
|
||||
password: FERNANDO_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
fernandoUserId = loginFernando.data.user.id;
|
||||
fernandoToken = loginFernando.data.access_token;
|
||||
usuarioJaExiste = true;
|
||||
console.log("✅ Usuário já existe! Login realizado com sucesso.");
|
||||
console.log(` User ID: ${fernandoUserId}\n`);
|
||||
} catch (loginError) {
|
||||
// Se login falhar, tentar criar
|
||||
console.log(" Usuário não existe, criando novo...\n");
|
||||
try {
|
||||
const signupResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/signup`,
|
||||
{
|
||||
email: FERNANDO_EMAIL,
|
||||
password: FERNANDO_PASSWORD,
|
||||
data: {
|
||||
full_name: FERNANDO_NOME,
|
||||
},
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
fernandoUserId = signupResponse.data.user?.id || signupResponse.data.id;
|
||||
fernandoToken =
|
||||
signupResponse.data.access_token ||
|
||||
signupResponse.data.session?.access_token;
|
||||
|
||||
if (!fernandoUserId) {
|
||||
throw new Error("Não foi possível obter o User ID do signup");
|
||||
}
|
||||
|
||||
console.log("✅ Usuário criado com sucesso!");
|
||||
console.log(` User ID: ${fernandoUserId}`);
|
||||
console.log(` Email: ${FERNANDO_EMAIL}\n`);
|
||||
} catch (signupError) {
|
||||
throw signupError;
|
||||
}
|
||||
}
|
||||
|
||||
// 3. Criar registro na tabela doctors
|
||||
console.log("🏥 Criando registro na tabela doctors...\n");
|
||||
|
||||
const doctorData = {
|
||||
user_id: fernandoUserId,
|
||||
full_name: FERNANDO_NOME,
|
||||
email: FERNANDO_EMAIL,
|
||||
cpf: "12345678901", // CPF válido para teste
|
||||
crm: "SQUAD18",
|
||||
crm_uf: "SE",
|
||||
specialty: "Clínico Geral",
|
||||
phone_mobile: "79999999999",
|
||||
active: true,
|
||||
};
|
||||
|
||||
let doctorId;
|
||||
try {
|
||||
const doctorResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/doctors`,
|
||||
doctorData,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
doctorId = Array.isArray(doctorResponse.data)
|
||||
? doctorResponse.data[0].id
|
||||
: doctorResponse.data.id;
|
||||
|
||||
console.log("✅ Médico cadastrado na tabela doctors!");
|
||||
console.log(` Doctor ID: ${doctorId}`);
|
||||
console.log(` Nome: ${FERNANDO_NOME}`);
|
||||
console.log(` CRM: ${doctorData.crm}-${doctorData.crm_uf}\n`);
|
||||
} catch (error) {
|
||||
if (error.response?.data?.message?.includes("duplicate key")) {
|
||||
console.log("⚠️ Registro de médico já existe na tabela doctors\n");
|
||||
// Buscar o ID do médico existente
|
||||
const existingDoctor = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/doctors?email=eq.${FERNANDO_EMAIL}&select=id`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
if (existingDoctor.data.length > 0) {
|
||||
doctorId = existingDoctor.data[0].id;
|
||||
console.log(` Doctor ID existente: ${doctorId}\n`);
|
||||
}
|
||||
} else {
|
||||
throw error;
|
||||
}
|
||||
}
|
||||
|
||||
// 4. Atualizar profile com role 'medico'
|
||||
console.log('🔧 Atualizando profile com role "medico"...\n');
|
||||
|
||||
try {
|
||||
await axios.patch(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?id=eq.${fernandoUserId}`,
|
||||
{
|
||||
role: "medico",
|
||||
full_name: FERNANDO_NOME,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log('✅ Profile atualizado com role "medico"!\n');
|
||||
} catch (error) {
|
||||
console.log(
|
||||
"⚠️ Erro ao atualizar profile:",
|
||||
error.response?.data?.message || error.message
|
||||
);
|
||||
console.log(" (Profile pode ter sido criado automaticamente)\n");
|
||||
}
|
||||
|
||||
// 5. Verificar criação
|
||||
console.log("🔍 VERIFICANDO CADASTRO COMPLETO:\n");
|
||||
|
||||
const verificarDoctor = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/doctors?user_id=eq.${fernandoUserId}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const verificarProfile = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?id=eq.${fernandoUserId}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ MÉDICO FERNANDO CRIADO COM SUCESSO!\n");
|
||||
console.log("📋 Detalhes do cadastro:\n");
|
||||
console.log("Auth User:");
|
||||
console.log(` - ID: ${fernandoUserId}`);
|
||||
console.log(` - Email: ${FERNANDO_EMAIL}`);
|
||||
console.log(` - Senha: ${FERNANDO_PASSWORD}\n`);
|
||||
|
||||
if (verificarDoctor.data.length > 0) {
|
||||
console.log("Tabela Doctors:");
|
||||
console.log(` - ID: ${verificarDoctor.data[0].id}`);
|
||||
console.log(` - Nome: ${verificarDoctor.data[0].full_name}`);
|
||||
console.log(
|
||||
` - CRM: ${verificarDoctor.data[0].crm}-${verificarDoctor.data[0].crm_uf}`
|
||||
);
|
||||
console.log(` - Especialidade: ${verificarDoctor.data[0].specialty}`);
|
||||
console.log(
|
||||
` - Ativo: ${verificarDoctor.data[0].active ? "Sim" : "Não"}\n`
|
||||
);
|
||||
}
|
||||
|
||||
if (verificarProfile.data.length > 0) {
|
||||
console.log("Tabela Profiles:");
|
||||
console.log(` - User ID: ${verificarProfile.data[0].id}`);
|
||||
console.log(` - Nome: ${verificarProfile.data[0].full_name}`);
|
||||
console.log(
|
||||
` - Role: ${verificarProfile.data[0].role || "não definida"}\n`
|
||||
);
|
||||
}
|
||||
|
||||
console.log("🎉 Agora você pode fazer login com:");
|
||||
console.log(` Email: ${FERNANDO_EMAIL}`);
|
||||
console.log(` Senha: ${FERNANDO_PASSWORD}\n`);
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
console.error("Data:", JSON.stringify(error.response.data, null, 2));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,107 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
console.log("\n👩💼 CRIAR USUÁRIO SECRETÁRIA\n");
|
||||
|
||||
async function criarSecretaria() {
|
||||
// Dados da secretária
|
||||
const secretariaData = {
|
||||
email: "secretaria@mediconnect.com",
|
||||
password: "secretaria123",
|
||||
nome: "Maria Secretária",
|
||||
telefone: "79999998888",
|
||||
cpf: "11111111111",
|
||||
};
|
||||
|
||||
console.log("📝 Criando secretária...");
|
||||
console.log(` Email: ${secretariaData.email}`);
|
||||
console.log(` Senha: ${secretariaData.password}`);
|
||||
console.log(` Nome: ${secretariaData.nome}\n`);
|
||||
|
||||
try {
|
||||
// PASSO 1: Criar usuário no auth
|
||||
console.log("🔐 Criando usuário de autenticação...\n");
|
||||
|
||||
const signupResponse = await fetch(`${SUPABASE_URL}/auth/v1/signup`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: secretariaData.email,
|
||||
password: secretariaData.password,
|
||||
data: {
|
||||
full_name: secretariaData.nome,
|
||||
phone: secretariaData.telefone,
|
||||
cpf: secretariaData.cpf,
|
||||
role: "secretaria",
|
||||
},
|
||||
}),
|
||||
});
|
||||
|
||||
if (!signupResponse.ok) {
|
||||
const error = await signupResponse.text();
|
||||
console.log("❌ Erro ao criar usuário:", signupResponse.status);
|
||||
console.log(error);
|
||||
return;
|
||||
}
|
||||
|
||||
const signupData = await signupResponse.json();
|
||||
const userId = signupData.user?.id;
|
||||
const accessToken = signupData.access_token;
|
||||
|
||||
console.log("✅ Usuário criado com sucesso!");
|
||||
console.log(` User ID: ${userId}`);
|
||||
console.log(` Token: ${accessToken?.substring(0, 50)}...\n`);
|
||||
|
||||
// PASSO 2: Criar perfil na tabela profiles (se existir)
|
||||
console.log("📋 Criando perfil...\n");
|
||||
|
||||
const profileResponse = await fetch(`${SUPABASE_URL}/rest/v1/profiles`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
id: userId,
|
||||
full_name: secretariaData.nome,
|
||||
email: secretariaData.email,
|
||||
phone: secretariaData.telefone,
|
||||
role: "secretaria",
|
||||
}),
|
||||
});
|
||||
|
||||
if (profileResponse.ok || profileResponse.status === 201) {
|
||||
console.log("✅ Perfil criado com sucesso!\n");
|
||||
} else if (profileResponse.status === 409) {
|
||||
console.log("⚠️ Perfil já existe (isso é normal)\n");
|
||||
} else {
|
||||
const error = await profileResponse.text();
|
||||
console.log("⚠️ Aviso ao criar perfil:", profileResponse.status);
|
||||
console.log(error);
|
||||
console.log(
|
||||
"(Isso pode ser normal se a tabela profiles não existir ou tiver trigger)\n"
|
||||
);
|
||||
}
|
||||
|
||||
// PASSO 3: Verificar se foi criado
|
||||
console.log("📊 RESUMO:\n");
|
||||
console.log("✅ Secretária criada com sucesso!");
|
||||
console.log("\n📝 Credenciais para login:");
|
||||
console.log(` Email: ${secretariaData.email}`);
|
||||
console.log(` Senha: ${secretariaData.password}`);
|
||||
console.log("\n🔗 Acesse: http://localhost:5173/secretaria");
|
||||
console.log("\n");
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
criarSecretaria();
|
||||
@ -1,266 +0,0 @@
|
||||
/**
|
||||
* Script para criar usuário com role "user" para o paciente Guilherme
|
||||
* e configurar consultas de demonstração
|
||||
*/
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Admin credentials
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
// Guilherme dados
|
||||
const GUILHERME_ID = "864b1785-461f-4e92-8b74-2a6f17c58a80";
|
||||
const GUILHERME_EMAIL = "guilherme@paciente.com";
|
||||
const GUILHERME_PASSWORD = "guilherme123";
|
||||
const GUILHERME_NOME = "Guilherme Silva Gomes - SQUAD 18";
|
||||
|
||||
// Fernando dados
|
||||
const FERNANDO_USER_ID = "be1e3cba-534e-48c3-9590-b7e55861cade";
|
||||
const FERNANDO_NOME = "Fernando Pirichowski - Squad 18";
|
||||
|
||||
async function criarUsuarioGuilherme() {
|
||||
try {
|
||||
console.log("\n🔐 === CRIAR USUÁRIO GUILHERME COM ROLE USER ===\n");
|
||||
|
||||
// 1. Login como admin
|
||||
console.log("1️⃣ Fazendo login como admin...");
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
throw new Error(`Erro no login: ${loginResponse.status}`);
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const adminToken = loginData.access_token;
|
||||
console.log("✅ Login admin realizado com sucesso!\n");
|
||||
|
||||
// 2. Verificar se usuário Guilherme já existe
|
||||
console.log("2️⃣ Verificando se usuário Guilherme já existe...");
|
||||
|
||||
try {
|
||||
const loginGuilherme = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: GUILHERME_EMAIL,
|
||||
password: GUILHERME_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (loginGuilherme.ok) {
|
||||
const guilhermeData = await loginGuilherme.json();
|
||||
console.log("✅ Usuário Guilherme já existe!");
|
||||
console.log(` User ID: ${guilhermeData.user.id}`);
|
||||
console.log(` Email: ${guilhermeData.user.email}\n`);
|
||||
return guilhermeData.user.id;
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("ℹ️ Usuário não existe, criando...\n");
|
||||
}
|
||||
|
||||
// 3. Criar usuário Guilherme via Edge Function
|
||||
console.log("3️⃣ Criando usuário Guilherme...");
|
||||
console.log(` Email: ${GUILHERME_EMAIL}`);
|
||||
console.log(` Senha: ${GUILHERME_PASSWORD}`);
|
||||
console.log(` Role: user\n`);
|
||||
|
||||
const createUserResponse = await fetch(
|
||||
`${SUPABASE_URL}/functions/v1/create-user`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: GUILHERME_EMAIL,
|
||||
password: GUILHERME_PASSWORD,
|
||||
full_name: GUILHERME_NOME,
|
||||
role: "user", // Role "user" para paciente
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
const createUserData = await createUserResponse.json();
|
||||
|
||||
if (!createUserResponse.ok) {
|
||||
console.error("❌ Erro ao criar usuário:", createUserData);
|
||||
throw new Error(JSON.stringify(createUserData));
|
||||
}
|
||||
|
||||
console.log(
|
||||
" Resposta da criação:",
|
||||
JSON.stringify(createUserData, null, 2)
|
||||
);
|
||||
|
||||
const guilhermeUserId =
|
||||
createUserData.user_id || createUserData.id || createUserData.userId;
|
||||
|
||||
if (!guilhermeUserId) {
|
||||
console.error("❌ User ID não encontrado na resposta!");
|
||||
console.error(" Resposta completa:", createUserData);
|
||||
throw new Error("User ID não retornado pela API");
|
||||
}
|
||||
|
||||
console.log("✅ Usuário criado com sucesso!");
|
||||
console.log(` User ID: ${guilhermeUserId}\n`);
|
||||
|
||||
// 4. Atribuir paciente ao usuário
|
||||
console.log("4️⃣ Atribuindo paciente ao usuário...");
|
||||
|
||||
// Verificar se atribuição já existe
|
||||
const checkAssignment = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${guilhermeUserId}&patient_id=eq.${GUILHERME_ID}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const existingAssignments = await checkAssignment.json();
|
||||
|
||||
if (existingAssignments.length > 0) {
|
||||
console.log("✅ Atribuição já existe!\n");
|
||||
} else {
|
||||
const assignResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
user_id: guilhermeUserId,
|
||||
patient_id: GUILHERME_ID,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!assignResponse.ok) {
|
||||
const error = await assignResponse.text();
|
||||
console.error("❌ Erro ao criar atribuição:", error);
|
||||
} else {
|
||||
console.log("✅ Paciente atribuído ao usuário!\n");
|
||||
}
|
||||
}
|
||||
|
||||
// 5. Criar consultas de demonstração
|
||||
console.log("5️⃣ Criando consultas de demonstração...\n");
|
||||
await criarConsultasDemo();
|
||||
|
||||
console.log("\n✅ === CONFIGURAÇÃO CONCLUÍDA COM SUCESSO! ===\n");
|
||||
console.log("📋 INFORMAÇÕES PARA LOGIN:\n");
|
||||
console.log(" Email: guilherme@paciente.com");
|
||||
console.log(" Senha: guilherme123");
|
||||
console.log(" Role: user (acesso ao painel paciente)\n");
|
||||
console.log("🔗 Próximos passos:");
|
||||
console.log(" 1. Acesse /paciente no navegador");
|
||||
console.log(" 2. Faça login com as credenciais acima");
|
||||
console.log(" 3. Você verá as consultas no painel do paciente");
|
||||
console.log(
|
||||
" 4. As consultas também aparecerão no painel do médico Fernando"
|
||||
);
|
||||
console.log(" 5. E no painel da secretária\n");
|
||||
|
||||
return guilhermeUserId;
|
||||
} catch (error) {
|
||||
console.error("\n❌ Erro:", error.message);
|
||||
console.error(error);
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
async function criarConsultasDemo() {
|
||||
const fs = await import("fs");
|
||||
const path = await import("path");
|
||||
|
||||
// Criar arquivo de consultas locais para demonstração
|
||||
const consultas = [
|
||||
{
|
||||
id: "consulta-demo-001",
|
||||
pacienteId: GUILHERME_ID,
|
||||
medicoId: FERNANDO_USER_ID,
|
||||
pacienteNome: GUILHERME_NOME,
|
||||
medicoNome: FERNANDO_NOME,
|
||||
dataHora: "2025-10-05T10:00:00",
|
||||
status: "agendada",
|
||||
tipo: "Consulta",
|
||||
observacoes: "Primeira consulta - Check-up geral",
|
||||
},
|
||||
{
|
||||
id: "consulta-demo-002",
|
||||
pacienteId: GUILHERME_ID,
|
||||
medicoId: FERNANDO_USER_ID,
|
||||
pacienteNome: GUILHERME_NOME,
|
||||
medicoNome: FERNANDO_NOME,
|
||||
dataHora: "2025-09-28T14:30:00",
|
||||
status: "realizada",
|
||||
tipo: "Retorno",
|
||||
observacoes: "Consulta de retorno - Avaliação de exames",
|
||||
},
|
||||
{
|
||||
id: "consulta-demo-003",
|
||||
pacienteId: GUILHERME_ID,
|
||||
medicoId: FERNANDO_USER_ID,
|
||||
pacienteNome: GUILHERME_NOME,
|
||||
medicoNome: FERNANDO_NOME,
|
||||
dataHora: "2025-10-10T09:00:00",
|
||||
status: "confirmada",
|
||||
tipo: "Consulta",
|
||||
observacoes: "Consulta de acompanhamento mensal",
|
||||
},
|
||||
];
|
||||
|
||||
// Caminho para a pasta src/data
|
||||
const dataDir = path.join(process.cwd(), "src", "data");
|
||||
|
||||
// Criar diretório se não existir
|
||||
if (!fs.existsSync(dataDir)) {
|
||||
fs.mkdirSync(dataDir, { recursive: true });
|
||||
console.log(" 📁 Diretório src/data criado");
|
||||
}
|
||||
|
||||
// Salvar consultas
|
||||
const consultasPath = path.join(dataDir, "consultas-demo.json");
|
||||
fs.writeFileSync(consultasPath, JSON.stringify(consultas, null, 2));
|
||||
console.log(" ✅ Consultas salvas em src/data/consultas-demo.json");
|
||||
console.log(` 📊 ${consultas.length} consultas criadas\n`);
|
||||
|
||||
// Também salvar no localStorage (simulado)
|
||||
console.log(" 💡 Para usar as consultas:");
|
||||
console.log(" - Importe de src/data/consultas-demo.json");
|
||||
console.log(
|
||||
" - Ou use localStorage.setItem('consultas_local', JSON.stringify(consultas))"
|
||||
);
|
||||
}
|
||||
|
||||
// Executar
|
||||
criarUsuarioGuilherme();
|
||||
@ -1,158 +0,0 @@
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://rjzjnbzjsdxgidxvmsmx.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6InJqempuYnpqc2R4Z2lkeHZtc214Iiwicm9sZSI6ImFub24iLCJpYXQiOjE3NDUwNzIyNzYsImV4cCI6MjA2MDY0ODI3Nn0.S6xtAkEZZq5W2qjSFu9xoTQCrJ8VJpIoRiDn65gvZNM";
|
||||
|
||||
async function criarUsuarioJulia() {
|
||||
try {
|
||||
console.log("📝 Criando usuária Julia Carvalho...\n");
|
||||
|
||||
// 1. Criar usuário no Supabase Auth
|
||||
console.log("🔐 Criando usuário na autenticação...");
|
||||
|
||||
const signupResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/signup`,
|
||||
{
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
password: "secretaria@mediconnect",
|
||||
data: {
|
||||
full_name: "Julia Carvalho",
|
||||
role: "admin",
|
||||
},
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const userId = signupResponse.data.user?.id;
|
||||
const accessToken = signupResponse.data.access_token;
|
||||
|
||||
if (!userId) {
|
||||
throw new Error("Não foi possível obter o ID do usuário criado");
|
||||
}
|
||||
|
||||
console.log(`✅ Usuário criado com sucesso!`);
|
||||
console.log(` ID: ${userId}`);
|
||||
console.log(` Email: secretaria.mediconnect@gmail.com\n`);
|
||||
|
||||
// 2. Criar perfil do usuário na tabela users
|
||||
console.log("👤 Criando perfil na tabela users...");
|
||||
|
||||
const userResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/users`,
|
||||
{
|
||||
id: userId,
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
full_name: "Julia Carvalho",
|
||||
is_admin: true,
|
||||
is_secretary: true,
|
||||
is_admin_or_manager: true,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ Perfil criado com sucesso!\n");
|
||||
|
||||
// 3. Adicionar role na tabela user_roles
|
||||
console.log("🎭 Adicionando role admin...");
|
||||
|
||||
const roleResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/user_roles`,
|
||||
{
|
||||
user_id: userId,
|
||||
role: "admin",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ Role admin adicionada com sucesso!\n");
|
||||
|
||||
// 4. Testar login
|
||||
console.log("🔑 Testando login...");
|
||||
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: "secretaria.mediconnect@gmail.com",
|
||||
password: "secretaria@mediconnect",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ Login realizado com sucesso!\n");
|
||||
|
||||
// 5. Verificar permissões de acesso aos pacientes
|
||||
console.log("🏥 Verificando acesso aos pacientes...");
|
||||
|
||||
const pacientesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name,email&limit=5`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${loginResponse.data.access_token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log(
|
||||
`✅ Acesso aos pacientes OK! (${pacientesResponse.data.length} pacientes encontrados)\n`
|
||||
);
|
||||
|
||||
if (pacientesResponse.data.length > 0) {
|
||||
console.log("📋 Primeiros pacientes:");
|
||||
pacientesResponse.data.forEach((p) => {
|
||||
console.log(` • ${p.full_name} - ${p.email}`);
|
||||
});
|
||||
console.log("");
|
||||
}
|
||||
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("✅ USUÁRIA JULIA CARVALHO CRIADA COM SUCESSO!");
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("");
|
||||
console.log("📧 Email: secretaria.mediconnect@gmail.com");
|
||||
console.log("🔑 Senha: secretaria@mediconnect");
|
||||
console.log("👤 Nome: Julia Carvalho");
|
||||
console.log("🎭 Role: admin (permissões completas)");
|
||||
console.log("");
|
||||
console.log("🌐 Login em: http://localhost:5173/login-secretaria");
|
||||
console.log("");
|
||||
} catch (error) {
|
||||
console.error(
|
||||
"❌ Erro ao criar usuária:",
|
||||
error.response?.data || error.message
|
||||
);
|
||||
|
||||
if (error.response?.data?.code === "23505") {
|
||||
console.log("\n⚠️ Usuária já existe! Tente fazer login com:");
|
||||
console.log(" Email: secretaria.mediconnect@gmail.com");
|
||||
console.log(" Senha: secretaria@mediconnect");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
criarUsuarioJulia();
|
||||
@ -1,159 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais de admin
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
console.log("\n🗑️ DELETAR USUÁRIOS DE TESTE COM ADMIN\n");
|
||||
|
||||
async function deletarUsuariosTeste() {
|
||||
// PASSO 1: Fazer login como admin
|
||||
console.log("🔐 Fazendo login como admin...\n");
|
||||
|
||||
try {
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
console.log("❌ Login falhou:", loginResponse.status);
|
||||
return;
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const adminToken = loginData.access_token;
|
||||
console.log("✅ Login admin bem-sucedido!\n");
|
||||
|
||||
// PASSO 2: Buscar pacientes de teste
|
||||
console.log('📋 Buscando pacientes de teste (email contém "teste")...\n');
|
||||
|
||||
const pacientesResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?email=ilike.*teste*&select=id,full_name,email`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (!pacientesResponse.ok) {
|
||||
console.log("❌ Erro ao buscar pacientes:", pacientesResponse.status);
|
||||
const error = await pacientesResponse.text();
|
||||
console.log(error);
|
||||
return;
|
||||
}
|
||||
|
||||
const pacientes = await pacientesResponse.json();
|
||||
console.log(`Encontrados ${pacientes.length} paciente(s) de teste:\n`);
|
||||
|
||||
if (pacientes.length > 0) {
|
||||
pacientes.forEach((p, index) => {
|
||||
console.log(`${index + 1}. ${p.full_name || "Sem nome"}`);
|
||||
console.log(` Email: ${p.email}`);
|
||||
console.log(` ID: ${p.id}\n`);
|
||||
});
|
||||
|
||||
// PASSO 3: Deletar pacientes de teste
|
||||
console.log("🗑️ Deletando pacientes de teste...\n");
|
||||
|
||||
for (const paciente of pacientes) {
|
||||
try {
|
||||
const deleteResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?id=eq.${paciente.id}`,
|
||||
{
|
||||
method: "DELETE",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (deleteResponse.ok || deleteResponse.status === 204) {
|
||||
console.log(`✅ Deletado: ${paciente.email}`);
|
||||
} else {
|
||||
console.log(
|
||||
`❌ Erro ao deletar ${paciente.email}:`,
|
||||
deleteResponse.status
|
||||
);
|
||||
const error = await deleteResponse.text();
|
||||
console.log(error);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log(`❌ Erro ao deletar ${paciente.email}:`, error.message);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
console.log("✅ Nenhum paciente de teste encontrado!\n");
|
||||
}
|
||||
|
||||
// PASSO 4: Tentar deletar usuários de auth (pode não funcionar sem service_role)
|
||||
console.log("\n📋 Tentando deletar usuários do auth.users...\n");
|
||||
console.log(
|
||||
"⚠️ NOTA: A API pública normalmente NÃO permite deletar usuários."
|
||||
);
|
||||
console.log(" Isso requer service_role key ou acesso ao Dashboard.\n");
|
||||
|
||||
const emailsParaDeletar = [
|
||||
"testefinal@gmail.com",
|
||||
"teste1759356178698@gmail.com",
|
||||
"pacienteteste",
|
||||
];
|
||||
|
||||
console.log("Emails que deveriam ser deletados manualmente no Dashboard:");
|
||||
emailsParaDeletar.forEach((email) => {
|
||||
console.log(` - ${email}`);
|
||||
});
|
||||
|
||||
console.log("\n💡 Para deletar usuários do auth.users:");
|
||||
console.log(
|
||||
" 1. Acesse: https://app.supabase.com/project/yuanqfswhberkoevtmfr/auth/users"
|
||||
);
|
||||
console.log(" 2. Busque pelos emails acima");
|
||||
console.log(" 3. Clique nos 3 pontos → Delete user\n");
|
||||
|
||||
// Verificar resultado
|
||||
console.log("\n📊 VERIFICANDO RESULTADO...\n");
|
||||
|
||||
const verificarResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?email=ilike.*teste*&select=count`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${adminToken}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "count=exact",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (verificarResponse.ok) {
|
||||
const countHeader = verificarResponse.headers.get("content-range");
|
||||
console.log(`✅ Pacientes de teste restantes: ${countHeader || "0"}\n`);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
deletarUsuariosTeste();
|
||||
@ -1,77 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
console.log("\n🗑️ DELETAR USUÁRIOS DE TESTE\n");
|
||||
console.log(
|
||||
"❌ ATENÇÃO: A API pública do Supabase não permite deletar usuários!"
|
||||
);
|
||||
console.log("");
|
||||
console.log("Para deletar usuários de teste, você precisa:");
|
||||
console.log("");
|
||||
console.log("1️⃣ Acessar o Dashboard do Supabase:");
|
||||
console.log(
|
||||
" https://app.supabase.com/project/yuanqfswhberkoevtmfr/auth/users"
|
||||
);
|
||||
console.log("");
|
||||
console.log('2️⃣ Na aba "Authentication" → "Users"');
|
||||
console.log("");
|
||||
console.log("3️⃣ Buscar pelos usuários de teste e deletar manualmente:");
|
||||
console.log(' - Emails com "pacienteteste" ou "teste"');
|
||||
console.log(" - testefinal@gmail.com");
|
||||
console.log(" - teste1759356178698@gmail.com");
|
||||
console.log("");
|
||||
console.log("📋 Listando usuários de teste nos registros de pacientes...\n");
|
||||
|
||||
async function listarPacientesTeste() {
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name,email&email=ilike.*teste*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (response.ok) {
|
||||
const pacientes = await response.json();
|
||||
|
||||
if (pacientes.length === 0) {
|
||||
console.log(
|
||||
"✅ Nenhum paciente de teste encontrado na tabela patients\n"
|
||||
);
|
||||
} else {
|
||||
console.log(
|
||||
`📊 ${pacientes.length} paciente(s) de teste encontrado(s):\n`
|
||||
);
|
||||
pacientes.forEach((p, index) => {
|
||||
console.log(`${index + 1}. ${p.full_name || "Sem nome"}`);
|
||||
console.log(` Email: ${p.email}`);
|
||||
console.log(` ID: ${p.id}\n`);
|
||||
});
|
||||
|
||||
console.log(
|
||||
"ℹ️ Para deletar esses registros de pacientes, você pode:"
|
||||
);
|
||||
console.log(
|
||||
' - Deletar via Dashboard do Supabase na tabela "patients"'
|
||||
);
|
||||
console.log(
|
||||
" - Ou criar um Edge Function com permissões de service_role\n"
|
||||
);
|
||||
}
|
||||
} else {
|
||||
console.log("❌ Erro ao listar pacientes:", response.status);
|
||||
const error = await response.text();
|
||||
console.log(error);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
listarPacientesTeste();
|
||||
@ -1,77 +0,0 @@
|
||||
// Script diagnóstico para testar login Supabase password grant
|
||||
// Executar com: npx ts-node scripts/diagnose-login.ts (ou adicionar script no package.json)
|
||||
|
||||
// Node 18+ possui fetch nativo; sem dependência externa
|
||||
// Declaração mínima para evitar erro de tipos sem adicionar @types/node
|
||||
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
||||
declare const process: any | undefined;
|
||||
|
||||
const SUPABASE_URL =
|
||||
(typeof process !== "undefined" && process.env.VITE_SUPABASE_URL) ||
|
||||
"https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const ANON_KEY =
|
||||
(typeof process !== "undefined" && process.env.VITE_SUPABASE_ANON_KEY) ||
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais admin de desenvolvimento (fornecidas)
|
||||
const EMAIL =
|
||||
(typeof process !== "undefined" && process.env.TEST_ADMIN_EMAIL) ||
|
||||
"riseup@popcode.com.br";
|
||||
const PASSWORD =
|
||||
(typeof process !== "undefined" && process.env.TEST_ADMIN_PASSWORD) ||
|
||||
"riseup";
|
||||
|
||||
async function attemptLogin() {
|
||||
const url = `${SUPABASE_URL}/auth/v1/token?grant_type=password`;
|
||||
const body = { email: EMAIL, password: PASSWORD };
|
||||
try {
|
||||
const res = await fetch(url, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: ANON_KEY,
|
||||
Authorization: `Bearer ${ANON_KEY}`,
|
||||
},
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
const text = await res.text();
|
||||
let parsed: unknown = null;
|
||||
try {
|
||||
parsed = JSON.parse(text);
|
||||
} catch {
|
||||
/* plain text */
|
||||
}
|
||||
console.log("STATUS", res.status);
|
||||
console.log("RAW", text);
|
||||
if (
|
||||
res.ok &&
|
||||
typeof parsed === "object" &&
|
||||
parsed &&
|
||||
"access_token" in parsed
|
||||
) {
|
||||
const token = (parsed as { access_token: string }).access_token;
|
||||
console.log("LOGIN OK: access_token prefix", token.slice(0, 20));
|
||||
return true;
|
||||
}
|
||||
// Erro comum: user not confirmed / invalid login
|
||||
if (parsed && typeof parsed === "object") {
|
||||
const p = parsed as Record<string, unknown>;
|
||||
if (p.error) console.log("ERROR CODE:", p.error);
|
||||
if (p.msg) console.log("MSG:", p.msg);
|
||||
}
|
||||
if (/email/i.test(text) && /confirm/i.test(text)) {
|
||||
console.log(
|
||||
"Possível conta não confirmada. Verifique no painel Supabase se o email foi confirmado."
|
||||
);
|
||||
}
|
||||
return false;
|
||||
} catch (e) {
|
||||
console.error("Falha inesperada:", e);
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
(async () => {
|
||||
const ok = await attemptLogin();
|
||||
if (!ok && typeof process !== "undefined") process.exit(1);
|
||||
})();
|
||||
@ -1,82 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
console.log("\n🔍 DIAGNOSTICANDO PROBLEMAS DE LISTAGEM\n");
|
||||
|
||||
async function testarEndpoint(nome, url) {
|
||||
console.log(`\n📋 Testando ${nome}: ${url}`);
|
||||
console.log("─".repeat(60));
|
||||
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: "GET",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
},
|
||||
});
|
||||
|
||||
console.log(`Status: ${response.status} ${response.statusText}`);
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
const count = Array.isArray(data) ? data.length : "Não é array";
|
||||
console.log(`✅ SUCESSO - Registros: ${count}`);
|
||||
|
||||
if (Array.isArray(data) && data.length > 0) {
|
||||
console.log("\n📄 Primeiro registro:");
|
||||
console.log(JSON.stringify(data[0], null, 2));
|
||||
} else if (Array.isArray(data)) {
|
||||
console.log("⚠️ Array vazio - tabela não tem registros");
|
||||
} else {
|
||||
console.log("📄 Resposta:");
|
||||
console.log(JSON.stringify(data, null, 2));
|
||||
}
|
||||
} else {
|
||||
console.log("❌ ERRO");
|
||||
const errorText = await response.text();
|
||||
console.log(errorText);
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("❌ ERRO DE CONEXÃO");
|
||||
console.error(error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function diagnosticar() {
|
||||
// Testar pacientes
|
||||
await testarEndpoint("PATIENTS", `${SUPABASE_URL}/rest/v1/patients?select=*`);
|
||||
await testarEndpoint(
|
||||
"PACIENTES (alternativa)",
|
||||
`${SUPABASE_URL}/rest/v1/pacientes?select=*`
|
||||
);
|
||||
|
||||
// Testar médicos
|
||||
await testarEndpoint("DOCTORS", `${SUPABASE_URL}/rest/v1/doctors?select=*`);
|
||||
await testarEndpoint(
|
||||
"MEDICOS (alternativa)",
|
||||
`${SUPABASE_URL}/rest/v1/medicos?select=*`
|
||||
);
|
||||
|
||||
// Testar profiles
|
||||
await testarEndpoint("PROFILES", `${SUPABASE_URL}/rest/v1/profiles?select=*`);
|
||||
|
||||
console.log("\n\n📊 RESUMO DO DIAGNÓSTICO");
|
||||
console.log("═".repeat(60));
|
||||
console.log("Se alguma tabela retornou 404, ela não existe no Supabase.");
|
||||
console.log(
|
||||
"Se retornou 200 mas array vazio, a tabela existe mas não tem dados."
|
||||
);
|
||||
console.log("Se retornou 401/403, há problema de permissões (RLS).");
|
||||
console.log("\n💡 PRÓXIMOS PASSOS:");
|
||||
console.log("1. Verifique quais tabelas existem no Supabase Dashboard");
|
||||
console.log("2. Se necessário, crie as tabelas doctors/patients");
|
||||
console.log("3. Configure as políticas RLS para permitir SELECT público");
|
||||
console.log("4. Insira dados de teste nas tabelas\n");
|
||||
}
|
||||
|
||||
diagnosticar();
|
||||
@ -1,32 +0,0 @@
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
async function listarPacientes() {
|
||||
try {
|
||||
const response = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name,email,cpf&limit=10`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("📋 Pacientes cadastrados:\n");
|
||||
if (response.data.length === 0) {
|
||||
console.log("❌ Nenhum paciente encontrado!");
|
||||
} else {
|
||||
response.data.forEach((p) => {
|
||||
console.log(`• ${p.full_name} - ${p.email} - CPF: ${p.cpf}`);
|
||||
console.log(` ID: ${p.id}\n`);
|
||||
});
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.response?.data || error.message);
|
||||
}
|
||||
}
|
||||
|
||||
listarPacientes();
|
||||
@ -1,146 +0,0 @@
|
||||
/**
|
||||
* Script para listar todos os usuários do sistema
|
||||
* Lista informações de auth.users, doctors e patients
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais do admin
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 Fazendo login como admin...\n");
|
||||
|
||||
// 1. Login do admin
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
const userId = loginResponse.data.user.id;
|
||||
console.log("✅ Login realizado com sucesso!");
|
||||
console.log(`User ID: ${userId}\n`);
|
||||
|
||||
// 2. Listar todos os médicos
|
||||
console.log("👨⚕️ LISTANDO MÉDICOS:\n");
|
||||
const medicosResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/doctors?select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log(`Total de médicos: ${medicosResponse.data.length}\n`);
|
||||
medicosResponse.data.forEach((medico, index) => {
|
||||
console.log(
|
||||
`${index + 1}. ${medico.full_name || medico.nome || "Sem nome"}`
|
||||
);
|
||||
console.log(` ID: ${medico.id}`);
|
||||
console.log(` User ID: ${medico.user_id || "não vinculado"}`);
|
||||
console.log(` Email: ${medico.email}`);
|
||||
console.log(` CRM: ${medico.crm} - ${medico.crm_uf || ""}`);
|
||||
console.log(
|
||||
` Especialidade: ${medico.specialty || medico.especialidade}`
|
||||
);
|
||||
console.log(` Ativo: ${medico.active ? "Sim" : "Não"}`);
|
||||
console.log("");
|
||||
});
|
||||
|
||||
// 3. Listar todos os pacientes
|
||||
console.log("👥 LISTANDO PACIENTES:\n");
|
||||
const pacientesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log(`Total de pacientes: ${pacientesResponse.data.length}\n`);
|
||||
pacientesResponse.data.forEach((paciente, index) => {
|
||||
console.log(`${index + 1}. ${paciente.full_name}`);
|
||||
console.log(` ID: ${paciente.id}`);
|
||||
console.log(` Email: ${paciente.email}`);
|
||||
console.log(` CPF: ${paciente.cpf}`);
|
||||
console.log(` Telefone: ${paciente.phone_mobile}`);
|
||||
console.log("");
|
||||
});
|
||||
|
||||
// 4. Verificar se existe tabela de roles/profiles
|
||||
console.log("🔍 VERIFICANDO ESTRUTURA DE ROLES:\n");
|
||||
try {
|
||||
const profilesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log(
|
||||
`✅ Tabela profiles encontrada com ${profilesResponse.data.length} registros`
|
||||
);
|
||||
console.log("Profiles:");
|
||||
profilesResponse.data.forEach((profile) => {
|
||||
console.log(` - User ID: ${profile.id || profile.user_id}`);
|
||||
console.log(` Role: ${profile.role || "não definida"}`);
|
||||
console.log(` Nome: ${profile.full_name || "não definido"}`);
|
||||
console.log("");
|
||||
});
|
||||
} catch (error) {
|
||||
if (error.response?.status === 404) {
|
||||
console.log("⚠️ Tabela profiles não encontrada ou não acessível");
|
||||
console.log(
|
||||
"💡 Sugestão: Criar tabela profiles com campos: id (uuid), user_id (uuid), role (text), full_name (text)\n"
|
||||
);
|
||||
} else {
|
||||
console.log(
|
||||
"❌ Erro ao acessar profiles:",
|
||||
error.response?.data?.message || error.message
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
// 5. Resumo
|
||||
console.log("📊 RESUMO:\n");
|
||||
console.log(`✅ ${medicosResponse.data.length} médicos cadastrados`);
|
||||
console.log(`✅ ${pacientesResponse.data.length} pacientes cadastrados`);
|
||||
|
||||
const medicosComUser = medicosResponse.data.filter((m) => m.user_id).length;
|
||||
console.log(`\n🔗 ${medicosComUser} médicos vinculados a usuários auth`);
|
||||
console.log(
|
||||
`⚠️ ${
|
||||
medicosResponse.data.length - medicosComUser
|
||||
} médicos SEM vinculação auth\n`
|
||||
);
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,118 +0,0 @@
|
||||
-- =========================================
|
||||
-- POLÍTICAS RLS PARA MEDICONNECT
|
||||
-- =========================================
|
||||
-- Execute este SQL no SQL Editor do Supabase Dashboard:
|
||||
-- https://app.supabase.com/project/yuanqfswhberkoevtmfr/sql/new
|
||||
|
||||
-- =========================================
|
||||
-- 1. TABELA DOCTORS (Médicos)
|
||||
-- =========================================
|
||||
|
||||
-- Remover políticas antigas se existirem
|
||||
DROP POLICY IF EXISTS "doctors_select_all" ON doctors;
|
||||
DROP POLICY IF EXISTS "doctors_insert_authenticated" ON doctors;
|
||||
DROP POLICY IF EXISTS "doctors_update_authenticated" ON doctors;
|
||||
|
||||
-- SELECT: Todos podem ler médicos (necessário para listagens públicas)
|
||||
CREATE POLICY "doctors_select_all"
|
||||
ON doctors FOR SELECT
|
||||
TO public
|
||||
USING (true);
|
||||
|
||||
-- INSERT: Apenas usuários autenticados podem criar médicos
|
||||
CREATE POLICY "doctors_insert_authenticated"
|
||||
ON doctors FOR INSERT
|
||||
TO authenticated
|
||||
WITH CHECK (true);
|
||||
|
||||
-- UPDATE: Apenas usuários autenticados podem atualizar médicos
|
||||
CREATE POLICY "doctors_update_authenticated"
|
||||
ON doctors FOR UPDATE
|
||||
TO authenticated
|
||||
USING (true)
|
||||
WITH CHECK (true);
|
||||
|
||||
-- DELETE: Apenas usuários autenticados podem deletar médicos
|
||||
CREATE POLICY "doctors_delete_authenticated"
|
||||
ON doctors FOR DELETE
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- =========================================
|
||||
-- 2. TABELA PATIENTS (Pacientes)
|
||||
-- =========================================
|
||||
|
||||
-- Remover políticas antigas se existirem
|
||||
DROP POLICY IF EXISTS "patients_select_all" ON patients;
|
||||
DROP POLICY IF EXISTS "patients_insert_authenticated" ON patients;
|
||||
DROP POLICY IF EXISTS "patients_update_authenticated" ON patients;
|
||||
DROP POLICY IF EXISTS "patients_update_own" ON patients;
|
||||
|
||||
-- SELECT: Todos podem ler pacientes (necessário para listagens)
|
||||
CREATE POLICY "patients_select_all"
|
||||
ON patients FOR SELECT
|
||||
TO public
|
||||
USING (true);
|
||||
|
||||
-- INSERT: Usuários autenticados podem criar pacientes
|
||||
CREATE POLICY "patients_insert_authenticated"
|
||||
ON patients FOR INSERT
|
||||
TO authenticated
|
||||
WITH CHECK (true);
|
||||
|
||||
-- UPDATE: Usuários autenticados podem atualizar qualquer paciente
|
||||
-- (ideal para secretárias e médicos)
|
||||
CREATE POLICY "patients_update_authenticated"
|
||||
ON patients FOR UPDATE
|
||||
TO authenticated
|
||||
USING (true)
|
||||
WITH CHECK (true);
|
||||
|
||||
-- DELETE: Apenas usuários autenticados podem deletar
|
||||
CREATE POLICY "patients_delete_authenticated"
|
||||
ON patients FOR DELETE
|
||||
TO authenticated
|
||||
USING (true);
|
||||
|
||||
-- =========================================
|
||||
-- 3. TABELA PROFILES (Se existir)
|
||||
-- =========================================
|
||||
|
||||
-- SELECT: Todos podem ler profiles
|
||||
DROP POLICY IF EXISTS "profiles_select_all" ON profiles;
|
||||
CREATE POLICY "profiles_select_all"
|
||||
ON profiles FOR SELECT
|
||||
TO public
|
||||
USING (true);
|
||||
|
||||
-- INSERT: Apenas ao criar próprio perfil
|
||||
DROP POLICY IF EXISTS "profiles_insert_own" ON profiles;
|
||||
CREATE POLICY "profiles_insert_own"
|
||||
ON profiles FOR INSERT
|
||||
TO authenticated
|
||||
WITH CHECK (auth.uid() = id);
|
||||
|
||||
-- UPDATE: Apenas próprio perfil
|
||||
DROP POLICY IF EXISTS "profiles_update_own" ON profiles;
|
||||
CREATE POLICY "profiles_update_own"
|
||||
ON profiles FOR UPDATE
|
||||
TO authenticated
|
||||
USING (auth.uid() = id)
|
||||
WITH CHECK (auth.uid() = id);
|
||||
|
||||
-- =========================================
|
||||
-- VERIFICAR SE RLS ESTÁ ATIVADO
|
||||
-- =========================================
|
||||
|
||||
ALTER TABLE doctors ENABLE ROW LEVEL SECURITY;
|
||||
ALTER TABLE patients ENABLE ROW LEVEL SECURITY;
|
||||
ALTER TABLE profiles ENABLE ROW LEVEL SECURITY;
|
||||
|
||||
-- =========================================
|
||||
-- RESULTADO ESPERADO
|
||||
-- =========================================
|
||||
-- Após executar este script:
|
||||
-- ✅ Qualquer um pode LER médicos e pacientes (necessário para UI pública)
|
||||
-- ✅ Apenas usuários AUTENTICADOS podem CRIAR/EDITAR/DELETAR
|
||||
-- ✅ A secretária poderá adicionar médicos e pacientes quando estiver logada
|
||||
-- ✅ O painel mostrará os dados corretamente
|
||||
@ -1,126 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
const timestamp = Date.now();
|
||||
const email = `teste${timestamp}@gmail.com`;
|
||||
const password = "SenhaSegura123!";
|
||||
|
||||
async function cadastrarUsuario() {
|
||||
console.log("\n📝 ETAPA 1: Cadastrando novo usuário...\n");
|
||||
console.log(`Email: ${email}`);
|
||||
console.log(`Senha: ${password}\n`);
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/auth/v1/signup`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: email,
|
||||
password: password,
|
||||
data: {
|
||||
nome: "Teste Login",
|
||||
telefone: "79999999999",
|
||||
cpf: "12345678900",
|
||||
dataNascimento: "1990-01-01",
|
||||
endereco: JSON.stringify({
|
||||
rua: "Rua Teste",
|
||||
numero: "123",
|
||||
bairro: "Centro",
|
||||
cidade: "Aracaju",
|
||||
estado: "SE",
|
||||
cep: "49000-000",
|
||||
}),
|
||||
},
|
||||
}),
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (response.ok) {
|
||||
console.log("✅ CADASTRO SUCESSO!");
|
||||
console.log(`User ID: ${data.user?.id}`);
|
||||
console.log(`Email: ${data.user?.email}`);
|
||||
console.log(
|
||||
`Email confirmado: ${data.user?.email_confirmed_at ? "SIM" : "NÃO"}`
|
||||
);
|
||||
return data;
|
||||
} else {
|
||||
console.log("❌ CADASTRO FALHOU");
|
||||
console.log(JSON.stringify(data, null, 2));
|
||||
return null;
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro no cadastro:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function fazerLogin() {
|
||||
console.log("\n\n🔐 ETAPA 2: Fazendo login com o usuário cadastrado...\n");
|
||||
console.log(`Email: ${email}`);
|
||||
console.log(`Senha: ${password}\n`);
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: email,
|
||||
password: password,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
console.log(`Status: ${response.status}\n`);
|
||||
|
||||
if (response.ok) {
|
||||
console.log("✅ LOGIN SUCESSO!");
|
||||
console.log(`\nToken JWT: ${data.access_token?.substring(0, 50)}...`);
|
||||
console.log(`User ID: ${data.user?.id}`);
|
||||
console.log(`Email: ${data.user?.email}`);
|
||||
console.log(
|
||||
`Email confirmado: ${data.user?.email_confirmed_at ? "SIM" : "NÃO"}`
|
||||
);
|
||||
console.log(
|
||||
"\n✅ CONCLUSÃO: Sistema funcionando 100%! Login imediato após cadastro.\n"
|
||||
);
|
||||
} else {
|
||||
console.log("❌ LOGIN FALHOU");
|
||||
console.log("\nResposta completa:");
|
||||
console.log(JSON.stringify(data, null, 2));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro ao fazer login:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
async function testarFluxoCompleto() {
|
||||
const cadastroResult = await cadastrarUsuario();
|
||||
|
||||
if (cadastroResult) {
|
||||
// Aguardar 2 segundos para garantir que o usuário está no banco
|
||||
console.log("\n⏳ Aguardando 2 segundos...");
|
||||
await new Promise((resolve) => setTimeout(resolve, 2000));
|
||||
|
||||
await fazerLogin();
|
||||
} else {
|
||||
console.log(
|
||||
"\n❌ Não foi possível prosseguir com o login porque o cadastro falhou."
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
testarFluxoCompleto();
|
||||
@ -1,338 +0,0 @@
|
||||
/**
|
||||
* Script de teste: Cadastro completo de paciente
|
||||
* Verifica se:
|
||||
* 1. Paciente é cadastrado via signup
|
||||
* 2. Usuário é criado automaticamente no Supabase Auth
|
||||
* 3. Registro do paciente é criado na tabela patients
|
||||
*/
|
||||
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Gerar dados únicos para o teste
|
||||
const timestamp = Date.now();
|
||||
const testEmail = `pacienteteste${timestamp}@gmail.com`;
|
||||
const testPassword = "TestePaciente123!";
|
||||
|
||||
console.log("\n🧪 TESTE DE CADASTRO COMPLETO DE PACIENTE\n");
|
||||
console.log("=".repeat(60));
|
||||
console.log(`Email de teste: ${testEmail}`);
|
||||
console.log(`Senha: ${testPassword}`);
|
||||
console.log("=".repeat(60));
|
||||
|
||||
async function signupPaciente() {
|
||||
console.log("\n📝 ETAPA 1: Cadastrar paciente via /auth/v1/signup...");
|
||||
|
||||
const signupData = {
|
||||
email: testEmail,
|
||||
password: testPassword,
|
||||
options: {
|
||||
data: {
|
||||
role: "paciente",
|
||||
full_name: "Paciente Teste Automático",
|
||||
cpf: "12345678901",
|
||||
telefone: "11999999999",
|
||||
data_nascimento: "1990-01-01",
|
||||
endereco: {
|
||||
rua: "Rua de Teste",
|
||||
numero: "123",
|
||||
bairro: "Centro",
|
||||
cidade: "São Paulo",
|
||||
estado: "SP",
|
||||
cep: "01000-000",
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/auth/v1/signup`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify(signupData),
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.error("❌ Erro no signup:", data);
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log("✅ Signup bem-sucedido!");
|
||||
console.log(" User ID:", data.id);
|
||||
console.log(" Email:", data.email);
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error("❌ Erro na requisição de signup:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function createPatient(userId) {
|
||||
console.log("\n📝 ETAPA 2: Criar registro na tabela patients...");
|
||||
console.log(
|
||||
" ℹ️ Nota: Removendo user_id do payload (não existe na tabela)"
|
||||
);
|
||||
|
||||
const patientData = {
|
||||
full_name: "Paciente Teste Automático",
|
||||
cpf: "12345678901",
|
||||
email: testEmail,
|
||||
phone_mobile: "11999999999",
|
||||
birth_date: "1990-01-01",
|
||||
street: "Rua de Teste",
|
||||
number: "123",
|
||||
neighborhood: "Centro",
|
||||
city: "São Paulo",
|
||||
state: "SP",
|
||||
cep: "01000-000",
|
||||
};
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/rest/v1/patients`, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
body: JSON.stringify(patientData),
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.error("❌ Erro ao criar patient:", data);
|
||||
console.log(
|
||||
" ℹ️ Isso é normal - a tabela pode ter estrutura diferente"
|
||||
);
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log("✅ Registro do paciente criado!");
|
||||
console.log(" Patient ID:", data[0]?.id || data.id);
|
||||
console.log(" Nome:", data[0]?.full_name || data.full_name);
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error(
|
||||
"❌ Erro na requisição de criação do patient:",
|
||||
error.message
|
||||
);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function loginPaciente() {
|
||||
console.log("\n🔐 ETAPA 3: Fazer login com o paciente criado...");
|
||||
|
||||
const loginData = {
|
||||
email: testEmail,
|
||||
password: testPassword,
|
||||
};
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify(loginData),
|
||||
}
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.error("❌ Erro no login:", data);
|
||||
if (data.error_code === "email_not_confirmed") {
|
||||
console.log(
|
||||
" ℹ️ Email não confirmado - isso é configuração do Supabase"
|
||||
);
|
||||
console.log(
|
||||
" ℹ️ Para produção, configure SMTP ou desabilite confirmação"
|
||||
);
|
||||
}
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log("✅ Login bem-sucedido!");
|
||||
console.log(" Access Token:", data.access_token.substring(0, 30) + "...");
|
||||
console.log(" Token Type:", data.token_type);
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error("❌ Erro na requisição de login:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function getUserInfo(accessToken) {
|
||||
console.log("\n👤 ETAPA 4: Buscar informações do usuário autenticado...");
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/auth/v1/user`, {
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.error("❌ Erro ao buscar user info:", data);
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log("✅ Informações do usuário obtidas!");
|
||||
console.log(" ID:", data.id);
|
||||
console.log(" Email:", data.email);
|
||||
console.log(" Role:", data.user_metadata?.role);
|
||||
console.log(" Nome:", data.user_metadata?.full_name);
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error("❌ Erro na requisição de user info:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function listPatients(accessToken) {
|
||||
console.log("\n📋 ETAPA 5: Verificar se paciente aparece na lista...");
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?email=eq.${testEmail}`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.error("❌ Erro ao listar patients:", data);
|
||||
return null;
|
||||
}
|
||||
|
||||
if (data.length === 0) {
|
||||
console.log("⚠️ Paciente não encontrado na lista!");
|
||||
return null;
|
||||
}
|
||||
|
||||
console.log("✅ Paciente encontrado na lista!");
|
||||
console.log(" Total de registros:", data.length);
|
||||
console.log(" Dados:", JSON.stringify(data[0], null, 2));
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error("❌ Erro na requisição de listagem:", error.message);
|
||||
return null;
|
||||
}
|
||||
}
|
||||
|
||||
async function runTest() {
|
||||
try {
|
||||
// NOVA ORDEM: Criar paciente PRIMEIRO, depois usuário
|
||||
|
||||
// Etapa 1: Criar registro do paciente (SEM autenticação)
|
||||
console.log("\n📝 NOVA ESTRATÉGIA: Criando paciente ANTES do usuário...");
|
||||
const patientResult = await createPatient(null);
|
||||
if (!patientResult) {
|
||||
console.log("\n⚠️ Não foi possível criar registro do paciente");
|
||||
console.log(" ℹ️ Tentando criar usuário mesmo assim...");
|
||||
} else {
|
||||
console.log("\n✅ Paciente criado com sucesso!");
|
||||
}
|
||||
|
||||
// Aguardar um pouco
|
||||
console.log("\n⏳ Aguardando 2 segundos...");
|
||||
await new Promise((resolve) => setTimeout(resolve, 2000));
|
||||
|
||||
// Etapa 2: Signup (criar usuário de autenticação)
|
||||
const signupResult = await signupPaciente();
|
||||
if (!signupResult || !signupResult.id) {
|
||||
console.log("\n❌ TESTE FALHOU: Não foi possível criar o usuário");
|
||||
return;
|
||||
}
|
||||
|
||||
const userId = signupResult.id;
|
||||
console.log("\n✅ Usuário criado após paciente!");
|
||||
|
||||
// Etapa 3: Login
|
||||
const loginResult = await loginPaciente();
|
||||
if (!loginResult || !loginResult.access_token) {
|
||||
console.log("\n❌ TESTE FALHOU: Não foi possível fazer login");
|
||||
return;
|
||||
}
|
||||
|
||||
const accessToken = loginResult.access_token;
|
||||
|
||||
// Etapa 4: Buscar informações do usuário
|
||||
const userInfo = await getUserInfo(accessToken);
|
||||
if (!userInfo) {
|
||||
console.log(
|
||||
"\n⚠️ Login bem-sucedido, mas não foi possível buscar informações do usuário"
|
||||
);
|
||||
}
|
||||
|
||||
// Etapa 5: Verificar se aparece na lista de pacientes
|
||||
const patients = await listPatients(accessToken);
|
||||
|
||||
// Resumo final
|
||||
console.log("\n" + "=".repeat(60));
|
||||
console.log("📊 RESUMO DO TESTE");
|
||||
console.log("=".repeat(60));
|
||||
console.log(
|
||||
`✅ Usuário criado no Supabase Auth: ${signupResult ? "SIM" : "NÃO"}`
|
||||
);
|
||||
console.log(
|
||||
`✅ Registro criado na tabela patients: ${patientResult ? "SIM" : "NÃO"}`
|
||||
);
|
||||
console.log(`✅ Login funciona: ${loginResult ? "SIM" : "NÃO"}`);
|
||||
console.log(`✅ Dados do usuário recuperados: ${userInfo ? "SIM" : "NÃO"}`);
|
||||
console.log(
|
||||
`✅ Paciente aparece na lista: ${
|
||||
patients && patients.length > 0 ? "SIM" : "NÃO"
|
||||
}`
|
||||
);
|
||||
console.log("=".repeat(60));
|
||||
|
||||
if (signupResult && patientResult && loginResult && userInfo && patients) {
|
||||
console.log("\n🎉 TESTE COMPLETO BEM-SUCEDIDO! 🎉");
|
||||
console.log("\nO paciente foi cadastrado corretamente e:");
|
||||
console.log(" 1. Usuário criado no Supabase Auth ✅");
|
||||
console.log(" 2. Registro na tabela patients ✅");
|
||||
console.log(" 3. Login funciona ✅");
|
||||
console.log(" 4. Dados acessíveis via API ✅");
|
||||
} else {
|
||||
console.log("\n⚠️ TESTE PARCIALMENTE BEM-SUCEDIDO");
|
||||
console.log("Algumas etapas falharam. Verifique os logs acima.");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("\n❌ ERRO GERAL NO TESTE:", error);
|
||||
}
|
||||
}
|
||||
|
||||
// Executar teste
|
||||
runTest();
|
||||
@ -1,50 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const myHeaders = {
|
||||
apikey:
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ",
|
||||
Authorization:
|
||||
"Bearer eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ",
|
||||
};
|
||||
|
||||
console.log("🔍 Testando GET /doctors com token...\n");
|
||||
|
||||
fetch("https://yuanqfswhberkoevtmfr.supabase.co/rest/v1/doctors", {
|
||||
method: "GET",
|
||||
headers: myHeaders,
|
||||
})
|
||||
.then((response) => {
|
||||
console.log(`Status: ${response.status} ${response.statusText}`);
|
||||
return response.text();
|
||||
})
|
||||
.then((result) => {
|
||||
console.log("\n📄 Resposta:");
|
||||
try {
|
||||
const json = JSON.parse(result);
|
||||
if (Array.isArray(json)) {
|
||||
console.log(`✅ Array com ${json.length} registro(s)`);
|
||||
if (json.length > 0) {
|
||||
console.log("\n📋 Médicos encontrados:");
|
||||
json.forEach((medico, index) => {
|
||||
console.log(
|
||||
`\n${index + 1}. ${medico.full_name || medico.nome || "Sem nome"}`
|
||||
);
|
||||
console.log(` ID: ${medico.id}`);
|
||||
console.log(` CRM: ${medico.crm}`);
|
||||
console.log(
|
||||
` Especialidade: ${medico.specialty || medico.especialidade}`
|
||||
);
|
||||
console.log(` Email: ${medico.email}`);
|
||||
console.log(` Ativo: ${medico.active}`);
|
||||
});
|
||||
} else {
|
||||
console.log("⚠️ Tabela vazia - sem médicos cadastrados");
|
||||
}
|
||||
} else {
|
||||
console.log(JSON.stringify(json, null, 2));
|
||||
}
|
||||
} catch (e) {
|
||||
console.log(result);
|
||||
}
|
||||
})
|
||||
.catch((error) => console.log("❌ Erro:", error));
|
||||
@ -1,54 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
async function testLogin() {
|
||||
console.log("\n🔐 Testando login na API do Supabase...\n");
|
||||
|
||||
const email = "testefinal@gmail.com";
|
||||
const password = "Teste123!";
|
||||
|
||||
console.log(`Email: ${email}`);
|
||||
console.log(`Password: ${password}\n`);
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: email,
|
||||
password: password,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
console.log(`Status: ${response.status}\n`);
|
||||
|
||||
if (response.ok) {
|
||||
console.log("✅ LOGIN SUCESSO!");
|
||||
console.log(`\nToken JWT: ${data.access_token?.substring(0, 50)}...`);
|
||||
console.log(`User ID: ${data.user?.id}`);
|
||||
console.log(`Email: ${data.user?.email}`);
|
||||
console.log(
|
||||
`Email confirmado: ${data.user?.email_confirmed_at ? "SIM" : "NÃO"}`
|
||||
);
|
||||
} else {
|
||||
console.log("❌ LOGIN FALHOU");
|
||||
console.log("\nResposta completa:");
|
||||
console.log(JSON.stringify(data, null, 2));
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ Erro ao fazer login:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
testLogin();
|
||||
@ -1,61 +0,0 @@
|
||||
/**
|
||||
* Teste simplificado de signup via Supabase
|
||||
*/
|
||||
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
const timestamp = Date.now();
|
||||
const testEmail = `pacienteteste${timestamp}@gmail.com`;
|
||||
|
||||
console.log("Testando signup com:", testEmail);
|
||||
|
||||
async function testSignup() {
|
||||
const url = `${SUPABASE_URL}/auth/v1/signup`;
|
||||
|
||||
console.log("URL:", url);
|
||||
|
||||
const body = {
|
||||
email: testEmail,
|
||||
password: "Senha123!@#",
|
||||
options: {
|
||||
data: {
|
||||
role: "paciente",
|
||||
full_name: "Teste Automático",
|
||||
},
|
||||
},
|
||||
};
|
||||
|
||||
console.log("Body:", JSON.stringify(body, null, 2));
|
||||
|
||||
try {
|
||||
const response = await fetch(url, {
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify(body),
|
||||
});
|
||||
|
||||
console.log("Status:", response.status);
|
||||
console.log("Headers:", Object.fromEntries(response.headers.entries()));
|
||||
|
||||
const text = await response.text();
|
||||
console.log("Response (text):", text.substring(0, 500));
|
||||
|
||||
try {
|
||||
const data = JSON.parse(text);
|
||||
console.log("Response (JSON):", JSON.stringify(data, null, 2));
|
||||
} catch (e) {
|
||||
console.log("Não é JSON válido");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Erro:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
testSignup();
|
||||
@ -1,178 +0,0 @@
|
||||
// Script para testar patient_assignments do Fernando
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais do Fernando
|
||||
const FERNANDO_EMAIL = "fernando.pirichowski@souunit.com.br";
|
||||
const FERNANDO_PASSWORD = "fernando";
|
||||
|
||||
async function testarAtribuicoes() {
|
||||
try {
|
||||
console.log("\n🔐 === TESTE DE PATIENT_ASSIGNMENTS ===\n");
|
||||
|
||||
// 1. Login do Fernando
|
||||
console.log("1️⃣ Fazendo login com Fernando...");
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: FERNANDO_EMAIL,
|
||||
password: FERNANDO_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
throw new Error(
|
||||
`Erro no login: ${loginResponse.status} - ${await loginResponse.text()}`
|
||||
);
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const accessToken = loginData.access_token;
|
||||
const fernandoUserId = loginData.user.id;
|
||||
|
||||
console.log(`✅ Login realizado com sucesso!`);
|
||||
console.log(` User ID: ${fernandoUserId}`);
|
||||
console.log(` Email: ${loginData.user.email}`);
|
||||
|
||||
// 2. Buscar perfil do Fernando
|
||||
console.log("\n2️⃣ Buscando perfil no profiles...");
|
||||
const profileResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?id=eq.${fernandoUserId}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (!profileResponse.ok) {
|
||||
throw new Error(`Erro ao buscar perfil: ${profileResponse.status}`);
|
||||
}
|
||||
|
||||
const profiles = await profileResponse.json();
|
||||
if (profiles.length > 0) {
|
||||
console.log(
|
||||
`✅ Perfil encontrado: ${
|
||||
profiles[0].full_name || profiles[0].name || "Sem nome"
|
||||
}`
|
||||
);
|
||||
}
|
||||
|
||||
// 3. Buscar atribuições do Fernando
|
||||
console.log("\n3️⃣ Buscando patient_assignments...");
|
||||
console.log(` Query: user_id=eq.${fernandoUserId}&role=eq.medico`);
|
||||
|
||||
const assignmentsResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${fernandoUserId}&role=eq.medico&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (!assignmentsResponse.ok) {
|
||||
const errorText = await assignmentsResponse.text();
|
||||
throw new Error(
|
||||
`Erro ao buscar atribuições: ${assignmentsResponse.status} - ${errorText}`
|
||||
);
|
||||
}
|
||||
|
||||
const assignments = await assignmentsResponse.json();
|
||||
console.log(`✅ ${assignments.length} atribuições encontradas!`);
|
||||
|
||||
if (assignments.length === 0) {
|
||||
console.log(
|
||||
"\n⚠️ Fernando NÃO tem atribuições na tabela patient_assignments!"
|
||||
);
|
||||
console.log(
|
||||
" Isso significa que ele não conseguirá ver pacientes no painel médico."
|
||||
);
|
||||
console.log("\n💡 Solução:");
|
||||
console.log(" 1. Criar atribuições manualmente no Supabase");
|
||||
console.log(" 2. OU usar o script criar-atribuicao-fernando.js");
|
||||
} else {
|
||||
console.log("\n📋 Atribuições encontradas:");
|
||||
assignments.forEach((a, i) => {
|
||||
console.log(`\n ${i + 1}. Atribuição ID: ${a.id}`);
|
||||
console.log(` Patient ID: ${a.patient_id}`);
|
||||
console.log(` Role: ${a.role}`);
|
||||
console.log(` Created At: ${a.created_at}`);
|
||||
});
|
||||
|
||||
// 4. Buscar detalhes dos pacientes atribuídos
|
||||
console.log("\n4️⃣ Buscando detalhes dos pacientes...");
|
||||
|
||||
for (let i = 0; i < assignments.length; i++) {
|
||||
const assignment = assignments[i];
|
||||
const patientResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?id=eq.${assignment.patient_id}&select=id,full_name,email,phone_mobile`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (patientResponse.ok) {
|
||||
const patients = await patientResponse.json();
|
||||
if (patients.length > 0) {
|
||||
const p = patients[0];
|
||||
console.log(` ${i + 1}. ${p.full_name || "Sem nome"}`);
|
||||
console.log(` Email: ${p.email || "N/A"}`);
|
||||
console.log(` Tel: ${p.phone_mobile || "N/A"}`);
|
||||
} else {
|
||||
console.log(
|
||||
` ${i + 1}. ⚠️ Paciente ${
|
||||
assignment.patient_id
|
||||
} não encontrado!`
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 5. Listar TODOS os pacientes (para referência)
|
||||
console.log("\n5️⃣ Listando TODOS os pacientes (para referência)...");
|
||||
const allPatientsResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name&limit=10`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (allPatientsResponse.ok) {
|
||||
const allPatients = await allPatientsResponse.json();
|
||||
console.log(
|
||||
`📊 Total de pacientes no sistema: ${allPatients.length} (primeiros 10)`
|
||||
);
|
||||
allPatients.forEach((p, i) => {
|
||||
console.log(` ${i + 1}. ${p.full_name} (${p.id})`);
|
||||
});
|
||||
}
|
||||
|
||||
console.log("\n✅ Teste concluído!");
|
||||
} catch (error) {
|
||||
console.error("\n❌ Erro no teste:", error);
|
||||
if (error instanceof Error) {
|
||||
console.error(" Mensagem:", error.message);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// Executar
|
||||
testarAtribuicoes();
|
||||
@ -1,143 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
console.log("\n🔐 TESTANDO COM AUTENTICAÇÃO\n");
|
||||
console.log("Precisamos de um usuário válido para fazer login.");
|
||||
console.log("Digite o email e senha de um usuário que você sabe que existe:\n");
|
||||
|
||||
// Credenciais fornecidas pelo usuário
|
||||
const EMAIL_TESTE = "riseup@popcode.com.br";
|
||||
const SENHA_TESTE = "riseup";
|
||||
|
||||
async function testarComAutenticacao() {
|
||||
console.log(`📧 Tentando login com: ${EMAIL_TESTE}\n`);
|
||||
|
||||
// PASSO 1: Fazer login
|
||||
try {
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: EMAIL_TESTE,
|
||||
password: SENHA_TESTE,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
console.log("❌ Login falhou:", loginResponse.status);
|
||||
const error = await loginResponse.text();
|
||||
console.log(error);
|
||||
console.log(
|
||||
"\n💡 SOLUÇÃO: Use um email/senha de usuário que você já cadastrou!"
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const accessToken = loginData.access_token;
|
||||
|
||||
console.log("✅ Login bem-sucedido!");
|
||||
console.log(`👤 User ID: ${loginData.user?.id}`);
|
||||
console.log(`🔑 Token: ${accessToken.substring(0, 50)}...\n`);
|
||||
|
||||
// PASSO 2: Buscar médicos COM o token
|
||||
console.log("📋 Buscando médicos COM autenticação...\n");
|
||||
|
||||
const medicosResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/doctors?select=*`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (medicosResponse.ok) {
|
||||
const medicos = await medicosResponse.json();
|
||||
console.log(`✅ MÉDICOS ENCONTRADOS: ${medicos.length}\n`);
|
||||
|
||||
if (medicos.length > 0) {
|
||||
console.log("📋 Lista de médicos:\n");
|
||||
medicos.forEach((medico, index) => {
|
||||
console.log(
|
||||
`${index + 1}. ${medico.full_name || medico.nome || "Sem nome"}`
|
||||
);
|
||||
console.log(` CRM: ${medico.crm}`);
|
||||
console.log(
|
||||
` Especialidade: ${medico.specialty || medico.especialidade}`
|
||||
);
|
||||
console.log(` Email: ${medico.email}`);
|
||||
console.log("");
|
||||
});
|
||||
}
|
||||
} else {
|
||||
console.log("❌ Erro ao buscar médicos:", medicosResponse.status);
|
||||
const error = await medicosResponse.text();
|
||||
console.log(error);
|
||||
}
|
||||
|
||||
// PASSO 3: Buscar pacientes COM o token
|
||||
console.log("\n📋 Buscando pacientes COM autenticação...\n");
|
||||
|
||||
const pacientesResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=*`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${accessToken}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (pacientesResponse.ok) {
|
||||
const pacientes = await pacientesResponse.json();
|
||||
console.log(`✅ PACIENTES ENCONTRADOS: ${pacientes.length}\n`);
|
||||
|
||||
if (pacientes.length > 0) {
|
||||
console.log("📋 Lista de pacientes:\n");
|
||||
pacientes.slice(0, 5).forEach((paciente, index) => {
|
||||
console.log(
|
||||
`${index + 1}. ${paciente.full_name || paciente.nome || "Sem nome"}`
|
||||
);
|
||||
console.log(` Email: ${paciente.email}`);
|
||||
console.log(` CPF: ${paciente.cpf}`);
|
||||
console.log("");
|
||||
});
|
||||
|
||||
if (pacientes.length > 5) {
|
||||
console.log(`... e mais ${pacientes.length - 5} pacientes\n`);
|
||||
}
|
||||
}
|
||||
} else {
|
||||
console.log("❌ Erro ao buscar pacientes:", pacientesResponse.status);
|
||||
const error = await pacientesResponse.text();
|
||||
console.log(error);
|
||||
}
|
||||
|
||||
console.log(
|
||||
"\n✅ SUCESSO! Os dados ESTÃO no Supabase e são acessíveis com autenticação!\n"
|
||||
);
|
||||
console.log("🎯 CONCLUSÃO:");
|
||||
console.log(" - RLS está configurado corretamente");
|
||||
console.log(" - Dados precisam de autenticação para serem lidos");
|
||||
console.log(" - A aplicação funciona porque o usuário está logado\n");
|
||||
} catch (error) {
|
||||
console.error("❌ Erro:", error.message);
|
||||
}
|
||||
}
|
||||
|
||||
testarComAutenticacao();
|
||||
@ -1,178 +0,0 @@
|
||||
/**
|
||||
* Script para testar criação de relatório com estrutura correta
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
const FERNANDO_EMAIL = "fernando.pirichowski@souunit.com.br";
|
||||
const FERNANDO_PASSWORD = "fernando";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 Fazendo login como médico Fernando...\n");
|
||||
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: FERNANDO_EMAIL,
|
||||
password: FERNANDO_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
const userId = loginResponse.data.user.id;
|
||||
|
||||
console.log("✅ Login realizado com sucesso!");
|
||||
console.log(` User ID: ${userId}\n`);
|
||||
|
||||
// Buscar primeiro paciente disponível
|
||||
console.log("🔍 Buscando pacientes...\n");
|
||||
const pacientesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=*&limit=1&order=created_at.desc`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (pacientesResponse.data.length === 0) {
|
||||
console.log("❌ Nenhum paciente encontrado!");
|
||||
console.log("Execute primeiro o script cadastrar-guilherme.js\n");
|
||||
return;
|
||||
}
|
||||
|
||||
const guilherme = pacientesResponse.data[0];
|
||||
console.log("✅ Paciente encontrado:");
|
||||
console.log(` ID: ${guilherme.id}`);
|
||||
console.log(` Nome: ${guilherme.full_name}\n`);
|
||||
|
||||
// Criar relatório de teste
|
||||
console.log("📝 Criando relatório médico...\n");
|
||||
|
||||
const relatorioData = {
|
||||
patient_id: guilherme.id,
|
||||
order_number: `REL-2025-10-TEST-${Math.random()
|
||||
.toString(36)
|
||||
.substr(2, 4)
|
||||
.toUpperCase()}`,
|
||||
exam: "Consulta Clínica Geral",
|
||||
diagnosis:
|
||||
"Paciente apresenta quadro de check-up de rotina sem alterações significativas.",
|
||||
conclusion:
|
||||
"Exame físico dentro dos padrões normais. Paciente orientado sobre hábitos saudáveis e prevenção de doenças.",
|
||||
cid_code: "Z00.0",
|
||||
content_html: `<div>
|
||||
<h2>Relatório Médico - Consulta Clínica</h2>
|
||||
<p><strong>Paciente:</strong> ${guilherme.full_name}</p>
|
||||
<p><strong>Data:</strong> ${new Date().toLocaleDateString("pt-BR")}</p>
|
||||
<h3>Anamnese:</h3>
|
||||
<p>Paciente compareceu para consulta de check-up de rotina. Nega queixas específicas.</p>
|
||||
<h3>Exame Físico:</h3>
|
||||
<p>
|
||||
- Estado geral: Bom<br>
|
||||
- Pressão arterial: 120/80 mmHg<br>
|
||||
- Frequência cardíaca: 72 bpm<br>
|
||||
- Ausculta cardíaca e pulmonar: Sem alterações
|
||||
</p>
|
||||
<h3>Diagnóstico:</h3>
|
||||
<p>Check-up de rotina sem alterações</p>
|
||||
<h3>Conduta:</h3>
|
||||
<p>
|
||||
- Manter hábitos saudáveis<br>
|
||||
- Retornar em 6 meses para novo check-up<br>
|
||||
- Atividade física regular
|
||||
</p>
|
||||
</div>`,
|
||||
content_json: {
|
||||
blocks: [
|
||||
{
|
||||
type: "heading",
|
||||
level: 2,
|
||||
text: "Relatório Médico - Consulta Clínica",
|
||||
},
|
||||
{ type: "paragraph", text: `Paciente: ${guilherme.full_name}` },
|
||||
{
|
||||
type: "paragraph",
|
||||
text: `Data: ${new Date().toLocaleDateString("pt-BR")}`,
|
||||
},
|
||||
{ type: "heading", level: 3, text: "Anamnese" },
|
||||
{
|
||||
type: "paragraph",
|
||||
text: "Paciente compareceu para consulta de check-up de rotina.",
|
||||
},
|
||||
],
|
||||
},
|
||||
status: "final",
|
||||
requested_by: "Dr. Fernando Pirichowski - Squad 18",
|
||||
due_at: new Date(Date.now() + 7 * 24 * 60 * 60 * 1000).toISOString(),
|
||||
hide_date: false,
|
||||
hide_signature: false,
|
||||
};
|
||||
|
||||
const createResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/reports`,
|
||||
relatorioData,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const relatorio = Array.isArray(createResponse.data)
|
||||
? createResponse.data[0]
|
||||
: createResponse.data;
|
||||
|
||||
console.log("✅ RELATÓRIO CRIADO COM SUCESSO!\n");
|
||||
console.log("📋 Detalhes do relatório:");
|
||||
console.log(` ID: ${relatorio.id}`);
|
||||
console.log(` Número do Pedido: ${relatorio.order_number}`);
|
||||
console.log(` Paciente ID: ${relatorio.patient_id}`);
|
||||
console.log(` Exame: ${relatorio.exam}`);
|
||||
console.log(` Status: ${relatorio.status}`);
|
||||
console.log(` Diagnóstico: ${relatorio.diagnosis.substring(0, 50)}...`);
|
||||
console.log(` Conclusão: ${relatorio.conclusion.substring(0, 50)}...`);
|
||||
console.log(` CID: ${relatorio.cid_code}`);
|
||||
console.log(` Solicitado por: ${relatorio.requested_by}`);
|
||||
console.log(` Vencimento: ${relatorio.due_at}`);
|
||||
console.log(` Criado em: ${relatorio.created_at}\n`);
|
||||
|
||||
console.log("🎉 TESTE COMPLETO!\n");
|
||||
console.log('✅ Botão "Novo Relatório" no painel médico está funcionando');
|
||||
console.log("✅ API de relatórios totalmente integrada");
|
||||
console.log(
|
||||
"✅ Estrutura de dados correta (patient_id, exam, diagnosis, etc.)\n"
|
||||
);
|
||||
|
||||
console.log("📝 Próximos passos:");
|
||||
console.log("1. Acesse http://localhost:5173/login-medico");
|
||||
console.log(
|
||||
"2. Faça login com: fernando.pirichowski@souunit.com.br / fernando"
|
||||
);
|
||||
console.log('3. Clique no botão "Novo Relatório" (verde)');
|
||||
console.log("4. Preencha o formulário e teste a criação!\n");
|
||||
} catch (error) {
|
||||
console.error("❌ ERRO:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
console.error("Data:", JSON.stringify(error.response.data, null, 2));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,156 +0,0 @@
|
||||
/**
|
||||
* Script de teste completo para verificar se Guilherme pode acessar o sistema
|
||||
*/
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
const GUILHERME_EMAIL = "guilhermesilvagomes1020@gmail.com";
|
||||
const GUILHERME_PASSWORD = "guilherme123";
|
||||
|
||||
async function testarGuilherme() {
|
||||
try {
|
||||
console.log("\n🧪 === TESTANDO ACESSO DO GUILHERME ===\n");
|
||||
|
||||
// 1. Testar login
|
||||
console.log("1️⃣ Testando login do Guilherme...");
|
||||
console.log(` Email: ${GUILHERME_EMAIL}`);
|
||||
console.log(` Senha: ${GUILHERME_PASSWORD}\n`);
|
||||
|
||||
const loginResponse = await fetch(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
method: "POST",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
},
|
||||
body: JSON.stringify({
|
||||
email: GUILHERME_EMAIL,
|
||||
password: GUILHERME_PASSWORD,
|
||||
}),
|
||||
}
|
||||
);
|
||||
|
||||
if (!loginResponse.ok) {
|
||||
const error = await loginResponse.text();
|
||||
console.error("❌ Erro no login:", error);
|
||||
throw new Error("Login falhou");
|
||||
}
|
||||
|
||||
const loginData = await loginResponse.json();
|
||||
const token = loginData.access_token;
|
||||
const userId = loginData.user.id;
|
||||
|
||||
console.log("✅ Login realizado com sucesso!");
|
||||
console.log(` User ID: ${userId}`);
|
||||
console.log(` Email verificado: ${loginData.user.email}\n`);
|
||||
|
||||
// 2. Verificar pacientes atribuídos
|
||||
console.log("2️⃣ Verificando pacientes atribuídos...");
|
||||
const assignmentsResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patient_assignments?user_id=eq.${userId}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const assignments = await assignmentsResponse.json();
|
||||
console.log(` ✅ ${assignments.length} paciente(s) atribuído(s)`);
|
||||
|
||||
if (assignments.length > 0) {
|
||||
for (const assignment of assignments) {
|
||||
console.log(`\n 📋 Atribuição:`);
|
||||
console.log(` Patient ID: ${assignment.patient_id}`);
|
||||
console.log(` Role: ${assignment.role}`);
|
||||
|
||||
// Buscar dados do paciente
|
||||
const patientResponse = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?id=eq.${assignment.patient_id}`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const patients = await patientResponse.json();
|
||||
if (patients && patients.length > 0) {
|
||||
const patient = patients[0];
|
||||
console.log(` Nome: ${patient.full_name}`);
|
||||
console.log(` Email: ${patient.email}`);
|
||||
console.log(` Telefone: ${patient.phone_mobile}`);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// 3. Verificar consultas (localStorage simulation)
|
||||
console.log("\n3️⃣ Verificando consultas de demonstração...");
|
||||
const fs = await import("fs");
|
||||
const path = await import("path");
|
||||
const { fileURLToPath } = await import("url");
|
||||
const { dirname } = await import("path");
|
||||
|
||||
const __filename = fileURLToPath(import.meta.url);
|
||||
const __dirname = dirname(__filename);
|
||||
|
||||
const consultasPath = path.join(
|
||||
__dirname,
|
||||
"..",
|
||||
"src",
|
||||
"data",
|
||||
"consultas-demo.json"
|
||||
);
|
||||
|
||||
if (fs.existsSync(consultasPath)) {
|
||||
const consultasData = fs.readFileSync(consultasPath, "utf-8");
|
||||
const consultas = JSON.parse(consultasData);
|
||||
|
||||
console.log(` ✅ ${consultas.length} consultas encontradas\n`);
|
||||
|
||||
consultas.forEach((consulta, index) => {
|
||||
console.log(` 📅 Consulta ${index + 1}:`);
|
||||
console.log(` Data/Hora: ${consulta.dataHora}`);
|
||||
console.log(` Status: ${consulta.status}`);
|
||||
console.log(` Tipo: ${consulta.tipo}`);
|
||||
console.log(` Médico: ${consulta.medicoNome}`);
|
||||
console.log(` Observações: ${consulta.observacoes}\n`);
|
||||
});
|
||||
} else {
|
||||
console.log(" ⚠️ Arquivo de consultas não encontrado");
|
||||
}
|
||||
|
||||
// 4. Resumo final
|
||||
console.log("\n✅ === TODOS OS TESTES PASSARAM! ===\n");
|
||||
console.log("📋 RESUMO:");
|
||||
console.log(` ✅ Login funcionando`);
|
||||
console.log(` ✅ Paciente atribuído ao usuário`);
|
||||
console.log(` ✅ Consultas de demonstração criadas`);
|
||||
console.log(` ✅ Role: user (acesso ao painel paciente)\n`);
|
||||
|
||||
console.log("🎯 PRÓXIMA AÇÃO:");
|
||||
console.log(" 1. Inicie o servidor de desenvolvimento: npm run dev");
|
||||
console.log(" 2. Acesse: http://localhost:5173/paciente");
|
||||
console.log(" 3. Faça login com:");
|
||||
console.log(` Email: ${GUILHERME_EMAIL}`);
|
||||
console.log(` Senha: ${GUILHERME_PASSWORD}`);
|
||||
console.log(" 4. Você verá as 3 consultas no painel!\n");
|
||||
|
||||
console.log("💡 DICA:");
|
||||
console.log(" As consultas são carregadas automaticamente do arquivo");
|
||||
console.log(" src/data/consultas-demo.json para o localStorage\n");
|
||||
} catch (error) {
|
||||
console.error("\n❌ ERRO NO TESTE:", error.message);
|
||||
if (error.stack) {
|
||||
console.error(error.stack);
|
||||
}
|
||||
process.exit(1);
|
||||
}
|
||||
}
|
||||
|
||||
testarGuilherme();
|
||||
@ -1,130 +0,0 @@
|
||||
/**
|
||||
* Script para testar login do médico Fernando
|
||||
* Verifica autenticação e se o usuário é identificado como médico
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
const FERNANDO_EMAIL = "fernando.pirichowski@souunit.com.br";
|
||||
const FERNANDO_PASSWORD = "fernando";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 TESTANDO LOGIN DO MÉDICO FERNANDO\n");
|
||||
console.log("Credenciais:");
|
||||
console.log(` Email: ${FERNANDO_EMAIL}`);
|
||||
console.log(` Senha: ${FERNANDO_PASSWORD}\n`);
|
||||
|
||||
// 1. Fazer login
|
||||
console.log("1️⃣ Fazendo login...\n");
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: FERNANDO_EMAIL,
|
||||
password: FERNANDO_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
const userId = loginResponse.data.user.id;
|
||||
|
||||
console.log("✅ Login realizado com sucesso!");
|
||||
console.log(` User ID: ${userId}`);
|
||||
console.log(` Email: ${loginResponse.data.user.email}\n`);
|
||||
|
||||
// 2. Verificar se é médico (consultar tabela doctors)
|
||||
console.log("2️⃣ Verificando se usuário é médico...\n");
|
||||
const doctorResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/doctors?user_id=eq.${userId}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (doctorResponse.data.length > 0) {
|
||||
const doctor = doctorResponse.data[0];
|
||||
console.log("✅ USUÁRIO É MÉDICO!");
|
||||
console.log("\n📋 Dados do médico:");
|
||||
console.log(` ID: ${doctor.id}`);
|
||||
console.log(` Nome: ${doctor.full_name}`);
|
||||
console.log(` Email: ${doctor.email}`);
|
||||
console.log(` CRM: ${doctor.crm}-${doctor.crm_uf}`);
|
||||
console.log(` Especialidade: ${doctor.specialty}`);
|
||||
console.log(` Ativo: ${doctor.active ? "Sim" : "Não"}`);
|
||||
console.log(` User ID: ${doctor.user_id}\n`);
|
||||
|
||||
console.log("✅ LOGIN VÁLIDO - Pode acessar painel médico!");
|
||||
console.log("🎯 Redirecionamento: /painel-medico\n");
|
||||
} else {
|
||||
console.log("❌ USUÁRIO NÃO É MÉDICO");
|
||||
console.log(" Este usuário não tem registro na tabela doctors");
|
||||
console.log(" Acesso ao painel médico será negado.\n");
|
||||
}
|
||||
|
||||
// 3. Buscar consultas do médico (se aplicável)
|
||||
if (doctorResponse.data.length > 0) {
|
||||
console.log("3️⃣ Buscando consultas do médico...\n");
|
||||
try {
|
||||
const consultasResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/appointments?doctor_id=eq.${doctorResponse.data[0].id}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
console.log(
|
||||
` Total de consultas: ${consultasResponse.data.length}\n`
|
||||
);
|
||||
} catch (error) {
|
||||
console.log(" ⚠️ Tabela appointments não encontrada ou sem dados\n");
|
||||
}
|
||||
}
|
||||
|
||||
// 4. Resumo
|
||||
console.log("📊 RESUMO DO TESTE:\n");
|
||||
console.log("✅ Autenticação funcionando corretamente");
|
||||
console.log("✅ Verificação de role médico implementada");
|
||||
console.log("✅ Token JWT válido gerado");
|
||||
console.log(
|
||||
`✅ Médico: ${doctorResponse.data.length > 0 ? "SIM" : "NÃO"}\n`
|
||||
);
|
||||
|
||||
if (doctorResponse.data.length > 0) {
|
||||
console.log("🎉 TESTE BEM-SUCEDIDO!");
|
||||
console.log(
|
||||
"O médico Fernando pode fazer login e acessar o painel médico.\n"
|
||||
);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("❌ ERRO NO TESTE:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
|
||||
if (error.response.status === 400) {
|
||||
console.error("\n💡 Possíveis causas:");
|
||||
console.error(" - Email ou senha incorretos");
|
||||
console.error(" - Usuário não existe");
|
||||
console.error(
|
||||
" - Email não confirmado (verificar configurações Supabase)"
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,195 +0,0 @@
|
||||
/**
|
||||
* Script para testar a criação de relatórios na API
|
||||
* Verifica se a tabela reports existe e testa criação de relatório
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Credenciais do médico Fernando
|
||||
const FERNANDO_EMAIL = "fernando.pirichowski@souunit.com.br";
|
||||
const FERNANDO_PASSWORD = "fernando";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 Fazendo login como médico Fernando...\n");
|
||||
|
||||
// 1. Login do médico
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: FERNANDO_EMAIL,
|
||||
password: FERNANDO_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
const userId = loginResponse.data.user.id;
|
||||
|
||||
console.log("✅ Login realizado com sucesso!");
|
||||
console.log(` User ID: ${userId}\n`);
|
||||
|
||||
// 2. Verificar se tabela reports existe
|
||||
console.log("🔍 Verificando se tabela reports existe...\n");
|
||||
|
||||
try {
|
||||
const checkTableResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/reports?select=id&limit=1`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ Tabela reports existe!");
|
||||
console.log(
|
||||
` Registros encontrados: ${checkTableResponse.data.length}\n`
|
||||
);
|
||||
} catch (error) {
|
||||
if (error.response?.status === 404) {
|
||||
console.log("❌ ERRO: Tabela reports NÃO existe no Supabase!\n");
|
||||
console.log(
|
||||
"💡 SOLUÇÃO: Execute o SQL abaixo no Supabase SQL Editor:\n"
|
||||
);
|
||||
console.log("```sql");
|
||||
console.log(`CREATE TABLE IF NOT EXISTS public.reports (
|
||||
id UUID PRIMARY KEY DEFAULT gen_random_uuid(),
|
||||
titulo TEXT NOT NULL,
|
||||
tipo TEXT CHECK (tipo IN ('consultas', 'pacientes', 'financeiro', 'medicos')) NOT NULL,
|
||||
descricao TEXT,
|
||||
data_inicio DATE NOT NULL,
|
||||
data_fim DATE NOT NULL,
|
||||
dados JSONB DEFAULT '{}'::jsonb,
|
||||
gerado_por UUID REFERENCES auth.users(id),
|
||||
created_at TIMESTAMPTZ DEFAULT NOW(),
|
||||
updated_at TIMESTAMPTZ DEFAULT NOW()
|
||||
);
|
||||
|
||||
-- Habilitar RLS
|
||||
ALTER TABLE public.reports ENABLE ROW LEVEL SECURITY;
|
||||
|
||||
-- Políticas de acesso
|
||||
CREATE POLICY "reports_select_authenticated" ON public.reports
|
||||
FOR SELECT TO authenticated USING (true);
|
||||
|
||||
CREATE POLICY "reports_insert_authenticated" ON public.reports
|
||||
FOR INSERT TO authenticated WITH CHECK (true);
|
||||
|
||||
CREATE POLICY "reports_update_own" ON public.reports
|
||||
FOR UPDATE TO authenticated USING (gerado_por = auth.uid());
|
||||
|
||||
CREATE POLICY "reports_delete_own" ON public.reports
|
||||
FOR DELETE TO authenticated USING (gerado_por = auth.uid());
|
||||
\`\`\`\n`);
|
||||
return;
|
||||
}
|
||||
throw error;
|
||||
}
|
||||
|
||||
// 3. Criar relatório de teste
|
||||
console.log("📝 Criando relatório de teste...\n");
|
||||
|
||||
const relatorioData = {
|
||||
titulo: "Relatório de Teste - Consultas Outubro 2025",
|
||||
tipo: "consultas",
|
||||
descricao:
|
||||
"Relatório gerado automaticamente para testar a funcionalidade",
|
||||
data_inicio: "2025-10-01",
|
||||
data_fim: "2025-10-31",
|
||||
dados: {
|
||||
medicoId: userId,
|
||||
medicoNome: "Fernando Pirichowski - Squad 18",
|
||||
totalConsultas: 0,
|
||||
testScript: true,
|
||||
},
|
||||
gerado_por: userId,
|
||||
};
|
||||
|
||||
const createResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/reports`,
|
||||
relatorioData,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const relatorio = Array.isArray(createResponse.data)
|
||||
? createResponse.data[0]
|
||||
: createResponse.data;
|
||||
|
||||
console.log("✅ Relatório criado com sucesso!\n");
|
||||
console.log("📋 Detalhes do relatório:");
|
||||
console.log(` ID: ${relatorio.id}`);
|
||||
console.log(` Título: ${relatorio.titulo}`);
|
||||
console.log(` Tipo: ${relatorio.tipo}`);
|
||||
console.log(` Período: ${relatorio.data_inicio} a ${relatorio.data_fim}`);
|
||||
console.log(` Gerado por: ${relatorio.gerado_por}`);
|
||||
console.log(` Criado em: ${relatorio.created_at}\n`);
|
||||
|
||||
// 4. Listar todos os relatórios
|
||||
console.log("📊 Listando todos os relatórios...\n");
|
||||
|
||||
const listResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/reports?select=*&order=created_at.desc`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log(`Total de relatórios: ${listResponse.data.length}\n`);
|
||||
listResponse.data.forEach((rel, index) => {
|
||||
console.log(`${index + 1}. ${rel.titulo}`);
|
||||
console.log(
|
||||
` Tipo: ${rel.tipo} | Período: ${rel.data_inicio} a ${rel.data_fim}`
|
||||
);
|
||||
console.log(` Criado em: ${rel.created_at}\n`);
|
||||
});
|
||||
|
||||
// 5. Resumo
|
||||
console.log("✅ TESTE COMPLETO!\n");
|
||||
console.log("🎉 Sistema de relatórios funcionando corretamente!");
|
||||
console.log(
|
||||
'✅ Botão "Novo Relatório" no painel médico está conectado à API\n'
|
||||
);
|
||||
} catch (error) {
|
||||
console.error("❌ ERRO:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
|
||||
if (error.response.status === 404) {
|
||||
console.error("\n⚠️ Tabela reports não encontrada!");
|
||||
console.error("Execute o SQL de criação da tabela mostrado acima.");
|
||||
} else if (error.response.status === 401) {
|
||||
console.error("\n⚠️ Erro de autenticação");
|
||||
console.error("Verifique se o token JWT está válido");
|
||||
} else if (error.response.status === 400) {
|
||||
console.error("\n⚠️ Erro de validação");
|
||||
console.error(
|
||||
"Detalhes:",
|
||||
JSON.stringify(error.response.data, null, 2)
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,91 +0,0 @@
|
||||
/**
|
||||
* Script para verificar estrutura da tabela reports
|
||||
*/
|
||||
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
const ADMIN_EMAIL = "riseup@popcode.com.br";
|
||||
const ADMIN_PASSWORD = "riseup";
|
||||
|
||||
async function main() {
|
||||
try {
|
||||
console.log("🔐 Fazendo login...\n");
|
||||
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: ADMIN_EMAIL,
|
||||
password: ADMIN_PASSWORD,
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
console.log("✅ Login OK\n");
|
||||
|
||||
console.log("🔍 Listando relatórios existentes para ver estrutura...\n");
|
||||
|
||||
const listResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/reports?select=*&limit=1`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (listResponse.data.length > 0) {
|
||||
console.log("✅ Estrutura encontrada:");
|
||||
console.log(JSON.stringify(listResponse.data[0], null, 2));
|
||||
console.log(
|
||||
"\nCampos disponíveis:",
|
||||
Object.keys(listResponse.data[0]).join(", ")
|
||||
);
|
||||
return;
|
||||
}
|
||||
|
||||
console.log(
|
||||
"⚠️ Nenhum relatório existente. Tentando criar com campos básicos...\n"
|
||||
);
|
||||
|
||||
const relatorioMinimo = {
|
||||
titulo: "Teste Estrutura",
|
||||
tipo: "consultas",
|
||||
};
|
||||
|
||||
const createResponse = await axios.post(
|
||||
`${SUPABASE_URL}/rest/v1/reports`,
|
||||
relatorioMinimo,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log("✅ Relatório criado com sucesso!\n");
|
||||
console.log("📋 Estrutura da tabela reports:");
|
||||
console.log(JSON.stringify(createResponse.data, null, 2));
|
||||
} catch (error) {
|
||||
console.error("❌ ERRO:", error.response?.data || error.message);
|
||||
if (error.response) {
|
||||
console.error("Status:", error.response.status);
|
||||
console.error("Data:", JSON.stringify(error.response.data, null, 2));
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
main();
|
||||
@ -1,187 +0,0 @@
|
||||
import axios from "axios";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
async function verificarPermissoesFernando() {
|
||||
try {
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("🔍 VERIFICANDO PERMISSÕES DE FERNANDO");
|
||||
console.log("═══════════════════════════════════════════════════\n");
|
||||
|
||||
// 1. Login como Fernando
|
||||
console.log("🔑 Fazendo login como Fernando...");
|
||||
const loginResponse = await axios.post(
|
||||
`${SUPABASE_URL}/auth/v1/token?grant_type=password`,
|
||||
{
|
||||
email: "fernando.pirichowski@souunit.com.br",
|
||||
password: "fernando",
|
||||
},
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const token = loginResponse.data.access_token;
|
||||
const userId = loginResponse.data.user.id;
|
||||
const userEmail = loginResponse.data.user.email;
|
||||
|
||||
console.log("✅ Login realizado com sucesso!");
|
||||
console.log(` User ID: ${userId}`);
|
||||
console.log(` Email: ${userEmail}\n`);
|
||||
|
||||
// 2. Buscar dados do usuário na tabela profiles
|
||||
console.log("👤 Buscando dados na tabela profiles...");
|
||||
const userResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?id=eq.${userId}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (userResponse.data.length === 0) {
|
||||
console.log("❌ Usuário não encontrado na tabela profiles!\n");
|
||||
} else {
|
||||
const user = userResponse.data[0];
|
||||
console.log("✅ Dados do usuário:");
|
||||
console.log(` Nome: ${user.full_name || "N/A"}`);
|
||||
console.log(` Email: ${user.email}`);
|
||||
console.log(` is_admin: ${user.is_admin}`);
|
||||
console.log(` is_secretary: ${user.is_secretary}`);
|
||||
console.log(` is_admin_or_manager: ${user.is_admin_or_manager}\n`);
|
||||
}
|
||||
|
||||
// 3. Buscar roles na tabela user_roles
|
||||
console.log("🎭 Buscando roles na tabela user_roles...");
|
||||
const rolesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/user_roles?user_id=eq.${userId}&select=*`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
if (rolesResponse.data.length === 0) {
|
||||
console.log("❌ Nenhuma role encontrada!\n");
|
||||
} else {
|
||||
console.log("✅ Roles encontradas:");
|
||||
rolesResponse.data.forEach((role) => {
|
||||
console.log(` • ${role.role}`);
|
||||
});
|
||||
console.log("");
|
||||
}
|
||||
|
||||
// 4. Testar acesso aos pacientes
|
||||
console.log("🏥 Testando acesso aos pacientes...");
|
||||
try {
|
||||
const pacientesResponse = await axios.get(
|
||||
`${SUPABASE_URL}/rest/v1/patients?select=id,full_name,email&limit=5`,
|
||||
{
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
console.log(
|
||||
`✅ ACESSO PERMITIDO! (${pacientesResponse.data.length} pacientes encontrados)`
|
||||
);
|
||||
|
||||
if (pacientesResponse.data.length > 0) {
|
||||
console.log("\n📋 Pacientes acessíveis:");
|
||||
pacientesResponse.data.forEach((p) => {
|
||||
console.log(
|
||||
` • ${p.full_name || "Sem nome"} - ${p.email || "Sem email"}`
|
||||
);
|
||||
});
|
||||
}
|
||||
console.log("");
|
||||
} catch (error) {
|
||||
console.log(`❌ ACESSO NEGADO!`);
|
||||
console.log(
|
||||
` Erro: ${error.response?.data?.message || error.message}\n`
|
||||
);
|
||||
}
|
||||
|
||||
// 5. Testar criação de relatório
|
||||
console.log("📝 Testando permissão para criar relatório...");
|
||||
try {
|
||||
// Não vou criar de fato, só testar se tem permissão
|
||||
const testReportData = {
|
||||
patient_id: "00000000-0000-0000-0000-000000000000", // ID fake para teste
|
||||
exam: "Teste de permissão",
|
||||
diagnosis: "Teste",
|
||||
conclusion: "Teste",
|
||||
order_number: "TEST-001",
|
||||
status: "draft",
|
||||
};
|
||||
|
||||
await axios.post(`${SUPABASE_URL}/rest/v1/reports`, testReportData, {
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${token}`,
|
||||
"Content-Type": "application/json",
|
||||
Prefer: "return=representation",
|
||||
},
|
||||
});
|
||||
|
||||
console.log("✅ PERMISSÃO PARA CRIAR RELATÓRIOS: SIM\n");
|
||||
} catch (error) {
|
||||
if (error.response?.status === 403) {
|
||||
console.log("❌ PERMISSÃO PARA CRIAR RELATÓRIOS: NEGADA");
|
||||
console.log(
|
||||
` Erro: ${error.response?.data?.message || "Acesso negado"}\n`
|
||||
);
|
||||
} else {
|
||||
console.log(
|
||||
"⚠️ Erro ao testar (pode ser FK constraint, não necessariamente permissão)"
|
||||
);
|
||||
console.log(` ${error.response?.data?.message || error.message}\n`);
|
||||
}
|
||||
}
|
||||
|
||||
// 6. Resumo
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
console.log("📊 RESUMO DAS PERMISSÕES DE FERNANDO");
|
||||
console.log("═══════════════════════════════════════════════════");
|
||||
|
||||
const userData = userResponse.data[0] || {};
|
||||
const roles = rolesResponse.data.map((r) => r.role);
|
||||
|
||||
console.log("\n🎭 Roles:", roles.length > 0 ? roles.join(", ") : "Nenhuma");
|
||||
console.log("👑 Is Admin:", userData.is_admin || false);
|
||||
console.log("👔 Is Secretary:", userData.is_secretary || false);
|
||||
console.log("👨💼 Is Admin/Manager:", userData.is_admin_or_manager || false);
|
||||
console.log("");
|
||||
|
||||
if (userData.is_admin || roles.includes("admin")) {
|
||||
console.log("✅ Fernando TEM permissões de ADMIN");
|
||||
} else {
|
||||
console.log("❌ Fernando NÃO TEM permissões de ADMIN");
|
||||
console.log("\n💡 Para adicionar permissões de admin:");
|
||||
console.log(" 1. Execute: node scripts/dar-admin-fernando.js");
|
||||
console.log(" 2. Ou use o painel do Supabase");
|
||||
}
|
||||
console.log("");
|
||||
} catch (error) {
|
||||
console.error("\n❌ ERRO:", error.response?.data || error.message);
|
||||
|
||||
if (error.code === "ENOTFOUND") {
|
||||
console.log("\n⚠️ Problema de conexão com Supabase");
|
||||
} else if (error.response?.status === 400) {
|
||||
console.log("\n⚠️ Credenciais inválidas ou usuário não existe");
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
verificarPermissoesFernando();
|
||||
@ -1,104 +0,0 @@
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
console.log(
|
||||
"🔍 DIAGNÓSTICO COMPLETO - Verificando todas as tabelas possíveis\n"
|
||||
);
|
||||
|
||||
async function testarVariacoes() {
|
||||
const testes = [
|
||||
// Médicos
|
||||
{ nome: "doctors", url: `${SUPABASE_URL}/rest/v1/doctors?select=*` },
|
||||
{
|
||||
nome: "doctors (count)",
|
||||
url: `${SUPABASE_URL}/rest/v1/doctors?select=count`,
|
||||
},
|
||||
{ nome: "medicos", url: `${SUPABASE_URL}/rest/v1/medicos?select=*` },
|
||||
{
|
||||
nome: "user_directory",
|
||||
url: `${SUPABASE_URL}/rest/v1/user_directory?select=*`,
|
||||
},
|
||||
|
||||
// Pacientes
|
||||
{ nome: "patients", url: `${SUPABASE_URL}/rest/v1/patients?select=*` },
|
||||
{
|
||||
nome: "patients (count)",
|
||||
url: `${SUPABASE_URL}/rest/v1/patients?select=count`,
|
||||
},
|
||||
{ nome: "pacientes", url: `${SUPABASE_URL}/rest/v1/pacientes?select=*` },
|
||||
|
||||
// Outras tabelas possíveis
|
||||
{ nome: "profiles", url: `${SUPABASE_URL}/rest/v1/profiles?select=*` },
|
||||
{ nome: "users", url: `${SUPABASE_URL}/rest/v1/users?select=*` },
|
||||
{
|
||||
nome: "appointments",
|
||||
url: `${SUPABASE_URL}/rest/v1/appointments?select=*`,
|
||||
},
|
||||
];
|
||||
|
||||
for (const teste of testes) {
|
||||
console.log(`\n📋 Testando: ${teste.nome}`);
|
||||
console.log("─".repeat(60));
|
||||
|
||||
try {
|
||||
const response = await fetch(teste.url, {
|
||||
method: "GET",
|
||||
headers: {
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
"Content-Type": "application/json",
|
||||
},
|
||||
});
|
||||
|
||||
console.log(`Status: ${response.status}`);
|
||||
|
||||
if (response.ok) {
|
||||
const data = await response.json();
|
||||
|
||||
if (Array.isArray(data)) {
|
||||
console.log(`✅ ENCONTRADO! ${data.length} registro(s)`);
|
||||
|
||||
if (data.length > 0) {
|
||||
console.log("\n📄 Primeiro registro:");
|
||||
const primeiro = data[0];
|
||||
const campos = Object.keys(primeiro);
|
||||
console.log(`Campos disponíveis: ${campos.join(", ")}`);
|
||||
console.log("\nDados:");
|
||||
console.log(JSON.stringify(primeiro, null, 2).substring(0, 500));
|
||||
}
|
||||
} else if (data.count !== undefined) {
|
||||
console.log(`✅ COUNT: ${data.count} registro(s)`);
|
||||
} else {
|
||||
console.log("✅ Resposta:", JSON.stringify(data).substring(0, 200));
|
||||
}
|
||||
} else if (response.status === 404) {
|
||||
console.log("❌ Tabela não existe");
|
||||
} else if (response.status === 401 || response.status === 403) {
|
||||
console.log("🔒 Bloqueado por RLS (precisa autenticação)");
|
||||
} else {
|
||||
const error = await response.text();
|
||||
console.log("❌ Erro:", error.substring(0, 200));
|
||||
}
|
||||
} catch (error) {
|
||||
console.log("❌ Erro de conexão:", error.message);
|
||||
}
|
||||
|
||||
// Pequeno delay entre requests
|
||||
await new Promise((resolve) => setTimeout(resolve, 100));
|
||||
}
|
||||
|
||||
console.log("\n\n" + "=".repeat(60));
|
||||
console.log("🎯 RESUMO");
|
||||
console.log("=".repeat(60));
|
||||
console.log("Se alguma tabela mostrou registros > 0, os dados EXISTEM!");
|
||||
console.log("Se todas mostraram 0, pode ser:");
|
||||
console.log(" 1. Dados realmente não existem");
|
||||
console.log(" 2. RLS está bloqueando a leitura");
|
||||
console.log(" 3. Tabelas têm nomes diferentes");
|
||||
console.log("\n");
|
||||
}
|
||||
|
||||
testarVariacoes();
|
||||
@ -1,160 +0,0 @@
|
||||
/**
|
||||
* Verificar se um usuário/paciente foi criado na API
|
||||
*/
|
||||
|
||||
import fetch from "node-fetch";
|
||||
|
||||
const SUPABASE_URL = "https://yuanqfswhberkoevtmfr.supabase.co";
|
||||
const SUPABASE_ANON_KEY =
|
||||
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inl1YW5xZnN3aGJlcmtvZXZ0bWZyIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NTQ5NTQzNjksImV4cCI6MjA3MDUzMDM2OX0.g8Fm4XAvtX46zifBZnYVH4tVuQkqUH6Ia9CXQj4DztQ";
|
||||
|
||||
// Pegar email da linha de comando ou usar um padrão
|
||||
const emailToSearch = process.argv[2] || "paciente.teste";
|
||||
|
||||
console.log("\n🔍 VERIFICANDO CRIAÇÃO DE USUÁRIO\n");
|
||||
console.log("=".repeat(60));
|
||||
console.log(`Buscando por: ${emailToSearch}`);
|
||||
console.log("=".repeat(60));
|
||||
|
||||
async function checkProfiles() {
|
||||
console.log("\n📋 Verificando tabela profiles...");
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/profiles?email=ilike.*${emailToSearch}*&select=*`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.log(" ⚠️ Erro ao acessar profiles:", data);
|
||||
return [];
|
||||
}
|
||||
|
||||
console.log(` ✅ Encontrados ${data.length} registro(s) em profiles`);
|
||||
data.forEach((profile, i) => {
|
||||
console.log(`\n 👤 Usuário ${i + 1}:`);
|
||||
console.log(` ID: ${profile.id}`);
|
||||
console.log(` Nome: ${profile.full_name || profile.name}`);
|
||||
console.log(` Email: ${profile.email}`);
|
||||
console.log(
|
||||
` Telefone: ${profile.phone_mobile || profile.phone || "N/A"}`
|
||||
);
|
||||
console.log(` Criado em: ${profile.created_at}`);
|
||||
});
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error(" ❌ Erro:", error.message);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
async function checkPatients() {
|
||||
console.log("\n📋 Verificando tabela patients...");
|
||||
|
||||
try {
|
||||
const response = await fetch(
|
||||
`${SUPABASE_URL}/rest/v1/patients?email=ilike.*${emailToSearch}*&select=*`,
|
||||
{
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
},
|
||||
}
|
||||
);
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.log(" ⚠️ Erro ao acessar patients:", data);
|
||||
return [];
|
||||
}
|
||||
|
||||
console.log(` ✅ Encontrados ${data.length} registro(s) em patients`);
|
||||
data.forEach((patient, i) => {
|
||||
console.log(`\n 🏥 Paciente ${i + 1}:`);
|
||||
console.log(` ID: ${patient.id}`);
|
||||
console.log(` Nome: ${patient.full_name}`);
|
||||
console.log(` Email: ${patient.email}`);
|
||||
console.log(` CPF: ${patient.cpf || "N/A"}`);
|
||||
console.log(` Telefone: ${patient.phone_mobile || "N/A"}`);
|
||||
console.log(` Criado em: ${patient.created_at}`);
|
||||
});
|
||||
|
||||
return data;
|
||||
} catch (error) {
|
||||
console.error(" ❌ Erro:", error.message);
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
async function checkUsers() {
|
||||
console.log(
|
||||
"\n📋 Tentando verificar auth.users (pode falhar por permissões)..."
|
||||
);
|
||||
|
||||
try {
|
||||
const response = await fetch(`${SUPABASE_URL}/auth/v1/admin/users`, {
|
||||
method: "GET",
|
||||
headers: {
|
||||
"Content-Type": "application/json",
|
||||
apikey: SUPABASE_ANON_KEY,
|
||||
Authorization: `Bearer ${SUPABASE_ANON_KEY}`,
|
||||
},
|
||||
});
|
||||
|
||||
const data = await response.json();
|
||||
|
||||
if (!response.ok) {
|
||||
console.log(" ⚠️ Sem permissão para acessar auth.users (normal)");
|
||||
return [];
|
||||
}
|
||||
|
||||
const filtered =
|
||||
data.users?.filter((u) => u.email?.includes(emailToSearch)) || [];
|
||||
console.log(
|
||||
` ✅ Encontrados ${filtered.length} usuário(s) em auth.users`
|
||||
);
|
||||
|
||||
return filtered;
|
||||
} catch (error) {
|
||||
console.log(" ⚠️ Sem acesso a auth.users (normal para anon key)");
|
||||
return [];
|
||||
}
|
||||
}
|
||||
|
||||
async function run() {
|
||||
const profiles = await checkProfiles();
|
||||
const patients = await checkPatients();
|
||||
await checkUsers();
|
||||
|
||||
console.log("\n" + "=".repeat(60));
|
||||
console.log("📊 RESUMO");
|
||||
console.log("=".repeat(60));
|
||||
console.log(`Registros em profiles: ${profiles.length}`);
|
||||
console.log(`Registros em patients: ${patients.length}`);
|
||||
|
||||
if (profiles.length > 0 && patients.length > 0) {
|
||||
console.log("\n✅ SUCESSO! Usuário criado em ambas as tabelas!");
|
||||
} else if (profiles.length > 0) {
|
||||
console.log("\n⚠️ Usuário criado em profiles, mas não em patients");
|
||||
} else if (patients.length > 0) {
|
||||
console.log("\n⚠️ Registro em patients, mas não em profiles");
|
||||
} else {
|
||||
console.log("\n❌ Nenhum registro encontrado");
|
||||
}
|
||||
console.log("=".repeat(60));
|
||||
}
|
||||
|
||||
run();
|
||||
@ -24,13 +24,20 @@ import TokenInspector from "./pages/TokenInspector";
|
||||
import AdminDiagnostico from "./pages/AdminDiagnostico";
|
||||
import TesteCadastroSquad18 from "./pages/TesteCadastroSquad18";
|
||||
import PainelAdmin from "./pages/PainelAdmin";
|
||||
import CentralAjudaRouter from "./pages/CentralAjudaRouter";
|
||||
|
||||
function App() {
|
||||
return (
|
||||
<Router>
|
||||
<div className="app-root min-h-screen bg-gray-50 dark:bg-slate-900 dark:bg-gradient-to-br dark:from-slate-900 dark:to-slate-800 transition-colors duration-300">
|
||||
<div className="app-root min-h-screen bg-gray-50 dark:bg-slate-900 dark:bg-gradient-to-br dark:from-slate-900 dark:to-slate-800 transition-colors duration-300">
|
||||
<a
|
||||
href="#main-content"
|
||||
className="fixed -top-20 left-4 z-50 px-3 py-2 bg-blue-600 text-white rounded shadow transition-all focus:top-4 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
Pular para o conteúdo
|
||||
</a>
|
||||
<Header />
|
||||
<main className="container mx-auto px-4 py-8">
|
||||
<main id="main-content" className="container mx-auto px-4 py-8">
|
||||
<Routes>
|
||||
<Route path="/" element={<Home />} />
|
||||
<Route path="/paciente" element={<LoginPaciente />} />
|
||||
@ -42,6 +49,7 @@ function App() {
|
||||
<Route path="/admin/diagnostico" element={<AdminDiagnostico />} />
|
||||
<Route path="/teste-squad18" element={<TesteCadastroSquad18 />} />
|
||||
<Route path="/cadastro" element={<CadastroSecretaria />} />
|
||||
<Route path="/ajuda" element={<CentralAjudaRouter />} />
|
||||
<Route element={<ProtectedRoute roles={["admin", "gestor"]} />}>
|
||||
<Route path="/admin" element={<PainelAdmin />} />
|
||||
</Route>
|
||||
|
||||
@ -1,131 +0,0 @@
|
||||
// Ambiente jsdom para testar hooks que manipulam document.documentElement
|
||||
import { describe, it, expect, beforeEach, vi } from "vitest";
|
||||
import {
|
||||
STORAGE_KEY,
|
||||
DEFAULT_ACCESSIBILITY_PREFS,
|
||||
applyAccessibilityPrefsForTest,
|
||||
} from "../hooks/useAccessibilityPrefs";
|
||||
import * as pacienteService from "../services/pacienteService";
|
||||
|
||||
// Pequeno mock de localStorage para ambiente de teste jsdom
|
||||
|
||||
describe("useAccessibilityPrefs", () => {
|
||||
beforeEach(() => {
|
||||
// Limpa storage entre testes
|
||||
for (let i = 0; i < global.localStorage.length; i++) {
|
||||
const key = global.localStorage.key(i);
|
||||
if (key) global.localStorage.removeItem(key);
|
||||
}
|
||||
document.documentElement.className = "";
|
||||
document.documentElement.style.fontSize = "";
|
||||
});
|
||||
|
||||
it("aplica classe dark ao ativar darkMode", () => {
|
||||
const prefs = { ...DEFAULT_ACCESSIBILITY_PREFS, darkMode: true };
|
||||
applyAccessibilityPrefsForTest(prefs);
|
||||
expect(document.documentElement.classList.contains("dark")).toBe(true);
|
||||
});
|
||||
|
||||
it("aplica/remover classes para cada preferência boolean", () => {
|
||||
const mapping: Array<
|
||||
[keyof typeof DEFAULT_ACCESSIBILITY_PREFS, string | null]
|
||||
> = [
|
||||
["highContrast", "high-contrast"],
|
||||
["darkMode", "dark"],
|
||||
["dyslexicFont", "dyslexic-font"],
|
||||
["lineSpacing", "line-spacing"],
|
||||
["reducedMotion", "reduced-motion"],
|
||||
["lowBlueLight", "low-blue-light"],
|
||||
["focusMode", "focus-mode"],
|
||||
];
|
||||
for (const [key, className] of mapping) {
|
||||
if (!className) continue;
|
||||
const prefsOn = {
|
||||
...DEFAULT_ACCESSIBILITY_PREFS,
|
||||
[key]: true,
|
||||
} as typeof DEFAULT_ACCESSIBILITY_PREFS;
|
||||
applyAccessibilityPrefsForTest(prefsOn);
|
||||
expect(document.documentElement.classList.contains(className)).toBe(true);
|
||||
const prefsOff = {
|
||||
...DEFAULT_ACCESSIBILITY_PREFS,
|
||||
[key]: false,
|
||||
} as typeof DEFAULT_ACCESSIBILITY_PREFS;
|
||||
applyAccessibilityPrefsForTest(prefsOff);
|
||||
expect(document.documentElement.classList.contains(className)).toBe(
|
||||
false
|
||||
);
|
||||
}
|
||||
});
|
||||
|
||||
it("persiste alterações no localStorage", () => {
|
||||
const updated = {
|
||||
...DEFAULT_ACCESSIBILITY_PREFS,
|
||||
highContrast: true,
|
||||
fontSize: 120,
|
||||
};
|
||||
localStorage.setItem(STORAGE_KEY, JSON.stringify(updated));
|
||||
const raw = localStorage.getItem(STORAGE_KEY);
|
||||
expect(raw).not.toBeNull();
|
||||
const parsed = JSON.parse(raw!);
|
||||
expect(parsed.highContrast).toBe(true);
|
||||
expect(parsed.fontSize).toBe(120);
|
||||
});
|
||||
|
||||
it("reset volta ao estado padrão removendo classes e restaurando font-size", () => {
|
||||
const modified = {
|
||||
...DEFAULT_ACCESSIBILITY_PREFS,
|
||||
darkMode: true,
|
||||
highContrast: true,
|
||||
fontSize: 150,
|
||||
};
|
||||
applyAccessibilityPrefsForTest(modified);
|
||||
expect(document.documentElement.classList.contains("dark")).toBe(true);
|
||||
expect(document.documentElement.style.fontSize).toBe("150%");
|
||||
// Aplica defaults
|
||||
applyAccessibilityPrefsForTest(DEFAULT_ACCESSIBILITY_PREFS);
|
||||
expect(document.documentElement.classList.contains("dark")).toBe(false);
|
||||
expect(document.documentElement.classList.contains("high-contrast")).toBe(
|
||||
false
|
||||
);
|
||||
expect(document.documentElement.style.fontSize).toBe("100%");
|
||||
});
|
||||
});
|
||||
|
||||
describe("pacienteService normalização", () => {
|
||||
it("remove formatação de cpf, telefone e cep em createPatient", async () => {
|
||||
const originalPost = (await import("../services/http")).http.post;
|
||||
const mockPost = vi
|
||||
.fn()
|
||||
.mockResolvedValue({
|
||||
success: true,
|
||||
data: [
|
||||
{
|
||||
id: "abc",
|
||||
full_name: "Fulano",
|
||||
cpf: "12345678909",
|
||||
phone_mobile: "11988887777",
|
||||
},
|
||||
],
|
||||
});
|
||||
// Monkey patch simples
|
||||
// Type assertion específica para sobrescrever somente durante o teste
|
||||
(await import("../services/http")).http.post =
|
||||
mockPost as unknown as typeof originalPost;
|
||||
|
||||
await pacienteService.createPatient({
|
||||
nome: "Fulano",
|
||||
cpf: "123.456.789-09",
|
||||
email: "fulano@example.com",
|
||||
telefone: "(11) 98888-7777",
|
||||
endereco: { cep: "01001-000" },
|
||||
});
|
||||
expect(mockPost).toHaveBeenCalledTimes(1);
|
||||
const bodyArg = mockPost.mock.calls[0][1];
|
||||
expect(bodyArg.cpf).toBe("12345678909");
|
||||
expect(bodyArg.phone_mobile).toBe("11988887777");
|
||||
expect(bodyArg.cep).toBe("01001000");
|
||||
|
||||
// restore
|
||||
(await import("../services/http")).http.post = originalPost;
|
||||
});
|
||||
});
|
||||
@ -1,55 +0,0 @@
|
||||
import { describe, it, expect, beforeAll } from "vitest";
|
||||
import { render } from "@testing-library/react";
|
||||
import AccessibilityMenu from "../components/AccessibilityMenu";
|
||||
import {
|
||||
DEFAULT_ACCESSIBILITY_PREFS,
|
||||
applyAccessibilityPrefsForTest,
|
||||
} from "../hooks/useAccessibilityPrefs";
|
||||
import axe from "axe-core";
|
||||
import * as React from "react";
|
||||
import * as ReactDOM from "react-dom";
|
||||
import axeReact from "@axe-core/react";
|
||||
|
||||
// Teste básico: montar o menu e verificar ausência de violações "serious" ou "critical"
|
||||
|
||||
describe("AccessibilityMenu a11y", () => {
|
||||
beforeAll(() => {
|
||||
// Mock minimal de speechSynthesis para evitar erros em jsdom
|
||||
// @ts-expect-error mocking
|
||||
global.window.speechSynthesis = {
|
||||
cancel: () => {},
|
||||
speak: () => {},
|
||||
paused: false,
|
||||
pending: false,
|
||||
speaking: false,
|
||||
addEventListener: () => {},
|
||||
removeEventListener: () => {},
|
||||
dispatchEvent: () => true,
|
||||
};
|
||||
axeReact(React, ReactDOM, 1000);
|
||||
});
|
||||
|
||||
it("não possui violações sérias/criticas no estado inicial", async () => {
|
||||
applyAccessibilityPrefsForTest(DEFAULT_ACCESSIBILITY_PREFS);
|
||||
const { container } = render(<AccessibilityMenu />);
|
||||
// Espera para que listeners/efeitos terminem
|
||||
await new Promise((r) => setTimeout(r, 20));
|
||||
const results = await axe.run(container, {
|
||||
runOnly: ["wcag2a", "wcag2aa"],
|
||||
});
|
||||
const serious = results.violations.filter((v) =>
|
||||
["serious", "critical"].includes(v.impact || "")
|
||||
);
|
||||
if (serious.length) {
|
||||
console.error(
|
||||
"A11y Violations:",
|
||||
serious.map((v) => ({
|
||||
id: v.id,
|
||||
impact: v.impact,
|
||||
nodes: v.nodes.length,
|
||||
}))
|
||||
);
|
||||
}
|
||||
expect(serious.length).toBe(0);
|
||||
});
|
||||
});
|
||||
@ -1,143 +0,0 @@
|
||||
import { describe, it, expect, beforeAll, afterAll } from "vitest";
|
||||
import puppeteer, { Browser, Page } from "puppeteer";
|
||||
import * as net from "net";
|
||||
import { build, preview } from "vite";
|
||||
|
||||
// Porta padrão do Vite
|
||||
const PORT = 5173;
|
||||
const ORIGIN = `http://127.0.0.1:${PORT}`;
|
||||
|
||||
function waitForPort(port: number, timeoutMs = 20000): Promise<void> {
|
||||
const start = Date.now();
|
||||
return new Promise((resolve, reject) => {
|
||||
const tryOnce = () => {
|
||||
const socket = net.connect(port, "127.0.0.1");
|
||||
socket.on("connect", () => {
|
||||
socket.end();
|
||||
resolve();
|
||||
});
|
||||
socket.on("error", () => {
|
||||
socket.destroy();
|
||||
if (Date.now() - start > timeoutMs)
|
||||
reject(new Error("Timeout aguardando Vite dev server"));
|
||||
else setTimeout(tryOnce, 300);
|
||||
});
|
||||
};
|
||||
tryOnce();
|
||||
});
|
||||
}
|
||||
|
||||
let browser: Browser;
|
||||
let page: Page;
|
||||
let previewServer: Awaited<ReturnType<typeof preview>> | undefined;
|
||||
let built = false;
|
||||
|
||||
async function ensurePreviewServer() {
|
||||
// Se já existe algo na porta (ex dev aberto manualmente), apenas usa
|
||||
try {
|
||||
await waitForPort(PORT, 800);
|
||||
return;
|
||||
} catch {
|
||||
/* inicia preview */
|
||||
}
|
||||
|
||||
if (!built) {
|
||||
await build();
|
||||
built = true;
|
||||
}
|
||||
previewServer = await preview({
|
||||
preview: { port: PORT, host: "127.0.0.1" },
|
||||
server: { middlewareMode: false },
|
||||
} as unknown as Parameters<typeof preview>[0]);
|
||||
await waitForPort(PORT);
|
||||
}
|
||||
|
||||
describe("E2E Accessibility Menu", () => {
|
||||
beforeAll(async () => {
|
||||
await ensurePreviewServer();
|
||||
browser = await puppeteer.launch({ headless: true });
|
||||
page = await browser.newPage();
|
||||
await page.goto(ORIGIN, { waitUntil: "domcontentloaded" });
|
||||
}, 90000);
|
||||
|
||||
afterAll(async () => {
|
||||
if (browser) await browser.close();
|
||||
if (previewServer) {
|
||||
// @ts-expect-error acesso interno não tipado
|
||||
const httpServer =
|
||||
previewServer.httpServer || previewServer.server?.httpServer;
|
||||
if (httpServer) httpServer.close();
|
||||
}
|
||||
});
|
||||
|
||||
it("abre e fecha o diálogo de acessibilidade", async () => {
|
||||
// Botão flutuante
|
||||
await page.waitForSelector('button[aria-label="Menu de Acessibilidade"]', {
|
||||
timeout: 10000,
|
||||
});
|
||||
await page.click('button[aria-label="Menu de Acessibilidade"]');
|
||||
await page.waitForSelector('div[role="dialog"][aria-modal="true"]', {
|
||||
timeout: 5000,
|
||||
});
|
||||
const exists = await page.$('div[role="dialog"][aria-modal="true"]');
|
||||
expect(exists).not.toBeNull();
|
||||
// Pressiona ESC para fechar
|
||||
await page.keyboard.press("Escape");
|
||||
// Pequeno delay
|
||||
await new Promise((r) => setTimeout(r, 150));
|
||||
const still = await page.$('div[role="dialog"][aria-modal="true"]');
|
||||
expect(still).toBeNull();
|
||||
}, 30000);
|
||||
|
||||
it("ativa dark mode e alto contraste e persiste após reload", async () => {
|
||||
// Abre menu (caso esteja fechado)
|
||||
const trigger = await page.$('button[aria-label="Menu de Acessibilidade"]');
|
||||
if (trigger) {
|
||||
await trigger.click();
|
||||
await page.waitForSelector('div[role="dialog"][aria-modal="true"]', {
|
||||
timeout: 5000,
|
||||
});
|
||||
}
|
||||
|
||||
// Helper para clicar botão pelo texto visível interno
|
||||
async function clickToggleByAria(label: string) {
|
||||
const selector = `button[aria-label="${label}"]`;
|
||||
await page.waitForSelector(selector, { timeout: 5000 });
|
||||
await page.click(selector);
|
||||
}
|
||||
|
||||
// Ativa Modo Escuro e Alto Contraste (aria-label fica igual ao label)
|
||||
await clickToggleByAria("Modo Escuro");
|
||||
await clickToggleByAria("Alto Contraste");
|
||||
|
||||
// Verifica classes aplicadas
|
||||
const classesBefore = await page.evaluate(() =>
|
||||
Array.from(document.documentElement.classList)
|
||||
);
|
||||
expect(classesBefore).toContain("dark");
|
||||
expect(classesBefore).toContain("high-contrast");
|
||||
|
||||
// Recarrega página para validar persistência (localStorage -> rehidratação)
|
||||
await page.reload({ waitUntil: "domcontentloaded" });
|
||||
|
||||
const classesAfter = await page.evaluate(() =>
|
||||
Array.from(document.documentElement.classList)
|
||||
);
|
||||
expect(classesAfter).toContain("dark");
|
||||
expect(classesAfter).toContain("high-contrast");
|
||||
|
||||
// (Opcional) Reabre menu e desfaz para não impactar execuções subsequentes
|
||||
const trigger2 = await page.$(
|
||||
'button[aria-label="Menu de Acessibilidade"]'
|
||||
);
|
||||
if (trigger2) {
|
||||
await trigger2.click();
|
||||
await page.waitForSelector('div[role="dialog"][aria-modal="true"]', {
|
||||
timeout: 5000,
|
||||
});
|
||||
await clickToggleByAria("Modo Escuro");
|
||||
await clickToggleByAria("Alto Contraste");
|
||||
await page.keyboard.press("Escape");
|
||||
}
|
||||
}, 45000);
|
||||
});
|
||||
@ -1,56 +0,0 @@
|
||||
import { describe, it, expect } from "vitest";
|
||||
import { render, fireEvent, act } from "@testing-library/react";
|
||||
import AccessibilityMenu from "../components/AccessibilityMenu";
|
||||
// Diagnostics
|
||||
console.log(
|
||||
"AccessibilityMenu import type:",
|
||||
typeof AccessibilityMenu,
|
||||
AccessibilityMenu && Object.keys(AccessibilityMenu || {})
|
||||
);
|
||||
import {
|
||||
DEFAULT_ACCESSIBILITY_PREFS,
|
||||
applyAccessibilityPrefsForTest,
|
||||
} from "../hooks/useAccessibilityPrefs";
|
||||
|
||||
// Teste sem dependência de axe-core garantindo semântica mínima do diálogo
|
||||
|
||||
describe.skip("AccessibilityMenu semântica (skip – aguardando correção de pipeline React)", () => {
|
||||
it("abre e fecha mantendo atributos ARIA corretos", () => {
|
||||
const Dummy = () => <button data-testid="dummy-test">Dummy</button>;
|
||||
const dummyRender = render(<Dummy />);
|
||||
console.log("DUMMY_HTML", dummyRender.container.innerHTML);
|
||||
dummyRender.unmount();
|
||||
applyAccessibilityPrefsForTest(DEFAULT_ACCESSIBILITY_PREFS);
|
||||
const { getByTestId, queryByRole, container } = render(
|
||||
<AccessibilityMenu />
|
||||
);
|
||||
expect(container).toBeTruthy();
|
||||
console.log("DEBUG_HTML", container.innerHTML);
|
||||
const trigger = getByTestId("a11y-menu-trigger");
|
||||
act(() => {
|
||||
fireEvent.click(trigger);
|
||||
});
|
||||
const dialog = queryByRole("dialog");
|
||||
expect(dialog).not.toBeNull();
|
||||
expect(dialog?.getAttribute("aria-modal")).toBe("true");
|
||||
act(() => {
|
||||
fireEvent.keyDown(document, { key: "Escape" });
|
||||
});
|
||||
expect(queryByRole("dialog")).toBeNull();
|
||||
});
|
||||
|
||||
it("aplica foco inicial ao abrir", () => {
|
||||
const { getByTestId, queryByRole, container } = render(
|
||||
<AccessibilityMenu />
|
||||
);
|
||||
expect(container).toBeTruthy();
|
||||
console.log("DEBUG_HTML", container.innerHTML);
|
||||
act(() => {
|
||||
fireEvent.click(getByTestId("a11y-menu-trigger"));
|
||||
});
|
||||
const dialog = queryByRole("dialog") as HTMLElement;
|
||||
expect(dialog).not.toBeNull();
|
||||
const active = document.activeElement as HTMLElement;
|
||||
expect(dialog.contains(active)).toBe(true);
|
||||
});
|
||||
});
|
||||
@ -1,16 +0,0 @@
|
||||
import { describe, it, expect } from "vitest";
|
||||
import * as React from "react";
|
||||
import * as ReactDOMClient from "react-dom/client";
|
||||
|
||||
describe.skip("Manual root render (skip temporário – pipeline React em Vitest quebrado)", () => {
|
||||
it("render via createRoot directly", async () => {
|
||||
const host = document.createElement("div");
|
||||
document.body.appendChild(host);
|
||||
const App = () => <span data-testid="mark">OK</span>;
|
||||
const root = ReactDOMClient.createRoot(host);
|
||||
root.render(<App />);
|
||||
await Promise.resolve();
|
||||
console.log("HOST_HTML_AFTER", host.innerHTML);
|
||||
expect(host.innerHTML).toContain("data-testid");
|
||||
});
|
||||
});
|
||||
@ -1,18 +0,0 @@
|
||||
import { describe, it, expect } from "vitest";
|
||||
import { render } from "@testing-library/react";
|
||||
import * as React from "react";
|
||||
import * as ReactDOMClient from "react-dom/client";
|
||||
|
||||
const Mini = () => <button data-testid="mini">Oi</button>;
|
||||
|
||||
describe.skip("Mini sanity (skip temporário – pipeline React em Vitest quebrado)", () => {
|
||||
it("renderiza componente simples", async () => {
|
||||
console.log("React version:", React.version);
|
||||
console.log("ReactDOMClient keys:", Object.keys(ReactDOMClient));
|
||||
const { getByTestId, container } = render(<Mini />);
|
||||
await Promise.resolve();
|
||||
console.log("MINI_HTML_AFTER_MT", container.innerHTML);
|
||||
expect(container.innerHTML).toContain("button");
|
||||
expect(getByTestId("mini").textContent).toBe("Oi");
|
||||
});
|
||||
});
|
||||
@ -1,11 +0,0 @@
|
||||
import { describe, it, expect } from "vitest";
|
||||
|
||||
describe("Plain DOM sanity", () => {
|
||||
it("manipula DOM sem React", () => {
|
||||
const div = document.createElement("div");
|
||||
div.id = "x";
|
||||
div.textContent = "hello";
|
||||
document.body.appendChild(div);
|
||||
expect(document.getElementById("x")?.textContent).toBe("hello");
|
||||
});
|
||||
});
|
||||
@ -146,7 +146,7 @@ const AccessibilityMenu: React.FC = () => {
|
||||
<>
|
||||
<button
|
||||
onClick={() => setIsOpen((o) => !o)}
|
||||
className="fixed bottom-6 right-6 z-50 bg-blue-600 text-white p-4 rounded-full shadow-lg hover:bg-blue-700 transition-all duration-300 hover:scale-110 focus:outline-none focus:ring-4 focus:ring-blue-300"
|
||||
className="fixed bottom-6 right-6 z-50 bg-blue-600 text-white p-4 rounded-full shadow-lg hover:bg-blue-700 transition-all duration-300 hover:scale-110 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
aria-label="Menu de Acessibilidade"
|
||||
title="Abrir menu de acessibilidade"
|
||||
data-testid="a11y-menu-trigger"
|
||||
@ -176,7 +176,7 @@ const AccessibilityMenu: React.FC = () => {
|
||||
</div>
|
||||
<button
|
||||
onClick={() => setIsOpen(false)}
|
||||
className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors"
|
||||
className="text-gray-500 hover:text-gray-700 dark:text-gray-400 dark:hover:text-gray-200 transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
aria-label="Fechar menu"
|
||||
>
|
||||
<X className="w-5 h-5" />
|
||||
|
||||
324
MEDICONNECT 2/src/components/agenda/AvailabilityManager.tsx
Normal file
324
MEDICONNECT 2/src/components/agenda/AvailabilityManager.tsx
Normal file
@ -0,0 +1,324 @@
|
||||
import React, { useEffect, useMemo, useState } from "react";
|
||||
import toast from "react-hot-toast";
|
||||
import { availabilityService } from "../../services";
|
||||
import type {
|
||||
DoctorAvailability,
|
||||
Weekday,
|
||||
AppointmentType,
|
||||
} from "../../services/availabilityService";
|
||||
|
||||
interface Props {
|
||||
doctorId: string;
|
||||
}
|
||||
|
||||
const WEEKDAYS: Weekday[] = [
|
||||
"segunda",
|
||||
"terca",
|
||||
"quarta",
|
||||
"quinta",
|
||||
"sexta",
|
||||
"sabado",
|
||||
"domingo",
|
||||
];
|
||||
|
||||
const AvailabilityManager: React.FC<Props> = ({ doctorId }) => {
|
||||
const [list, setList] = useState<DoctorAvailability[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [form, setForm] = useState({
|
||||
weekday: "segunda" as Weekday,
|
||||
start_time: "09:00:00",
|
||||
end_time: "17:00:00",
|
||||
slot_minutes: 30,
|
||||
appointment_type: "presencial" as AppointmentType,
|
||||
active: true,
|
||||
});
|
||||
const [saving, setSaving] = useState(false);
|
||||
|
||||
const canSave = useMemo(() => {
|
||||
return (
|
||||
!!doctorId &&
|
||||
!!form.weekday &&
|
||||
!!form.start_time &&
|
||||
!!form.end_time &&
|
||||
Number(form.slot_minutes) > 0
|
||||
);
|
||||
}, [doctorId, form]);
|
||||
|
||||
async function load() {
|
||||
if (!doctorId) return;
|
||||
setLoading(true);
|
||||
const res = await availabilityService.listDoctorActiveAvailability(
|
||||
doctorId
|
||||
);
|
||||
if (res.success && res.data) setList(res.data);
|
||||
else toast.error(res.error || "Erro ao carregar disponibilidades");
|
||||
setLoading(false);
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
void load();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [doctorId]);
|
||||
|
||||
async function addAvailability(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
if (!canSave) {
|
||||
toast.error("Preencha todos os campos obrigatórios");
|
||||
return;
|
||||
}
|
||||
|
||||
// Validar formato de tempo
|
||||
const timeRegex = /^\d{2}:\d{2}:\d{2}$/;
|
||||
if (!timeRegex.test(form.start_time) || !timeRegex.test(form.end_time)) {
|
||||
toast.error("Formato de horário inválido. Use HH:MM:SS");
|
||||
return;
|
||||
}
|
||||
|
||||
// Validar que o horário de fim é depois do início
|
||||
if (form.start_time >= form.end_time) {
|
||||
toast.error("Horário de fim deve ser posterior ao horário de início");
|
||||
return;
|
||||
}
|
||||
|
||||
const payload = {
|
||||
doctor_id: doctorId,
|
||||
weekday: form.weekday,
|
||||
start_time: form.start_time,
|
||||
end_time: form.end_time,
|
||||
slot_minutes: Number(form.slot_minutes) || 30,
|
||||
appointment_type: form.appointment_type,
|
||||
active: form.active,
|
||||
};
|
||||
|
||||
console.log("[AvailabilityManager] Enviando payload:", payload);
|
||||
|
||||
setSaving(true);
|
||||
const res = await availabilityService.createAvailability(payload);
|
||||
setSaving(false);
|
||||
|
||||
if (res.success) {
|
||||
toast.success("Disponibilidade criada com sucesso!");
|
||||
setForm((f) => ({ ...f, start_time: "09:00:00", end_time: "17:00:00" }));
|
||||
void load();
|
||||
} else {
|
||||
console.error("[AvailabilityManager] Erro ao criar:", res.error);
|
||||
toast.error(res.error || "Falha ao criar disponibilidade");
|
||||
}
|
||||
}
|
||||
|
||||
async function toggleActive(item: DoctorAvailability) {
|
||||
if (!item.id) return;
|
||||
const res = await availabilityService.updateAvailability(item.id, {
|
||||
active: !item.active,
|
||||
});
|
||||
if (res.success) {
|
||||
toast.success("Atualizado");
|
||||
void load();
|
||||
} else toast.error(res.error || "Falha ao atualizar");
|
||||
}
|
||||
|
||||
async function remove(item: DoctorAvailability) {
|
||||
if (!item.id) return;
|
||||
const ok = confirm("Remover disponibilidade?");
|
||||
if (!ok) return;
|
||||
const res = await availabilityService.deleteAvailability(item.id);
|
||||
if (res.success) {
|
||||
toast.success("Removido");
|
||||
void load();
|
||||
} else toast.error(res.error || "Falha ao remover");
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="bg-white rounded-xl shadow-md p-6 border border-gray-200">
|
||||
{/* Título mais destacado para leitura escaneável */}
|
||||
<h3 className="text-lg font-semibold text-gray-900 mb-4">
|
||||
Disponibilidade Semanal
|
||||
</h3>
|
||||
<form onSubmit={addAvailability} className="mb-6">
|
||||
{/* Grid responsivo com espaçamento consistente */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-4 mb-4">
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Dia da Semana
|
||||
</label>
|
||||
<select
|
||||
value={form.weekday}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, weekday: e.target.value as Weekday }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
>
|
||||
{WEEKDAYS.map((d) => (
|
||||
<option key={d} value={d}>
|
||||
{d.charAt(0).toUpperCase() + d.slice(1)}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Horário Início
|
||||
</label>
|
||||
<input
|
||||
type="time"
|
||||
step={60}
|
||||
value={form.start_time?.slice(0, 5)}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, start_time: `${e.target.value}:00` }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Horário Fim
|
||||
</label>
|
||||
<input
|
||||
type="time"
|
||||
step={60}
|
||||
value={form.end_time?.slice(0, 5)}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, end_time: `${e.target.value}:00` }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Duração (min)
|
||||
</label>
|
||||
<input
|
||||
type="number"
|
||||
min={5}
|
||||
step={5}
|
||||
value={form.slot_minutes}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, slot_minutes: Number(e.target.value) }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Tipo Atendimento
|
||||
</label>
|
||||
<select
|
||||
value={form.appointment_type}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({
|
||||
...f,
|
||||
appointment_type: e.target.value as AppointmentType,
|
||||
}))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
>
|
||||
<option value="presencial">Presencial</option>
|
||||
<option value="telemedicina">Telemedicina</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="flex flex-col justify-end">
|
||||
<button
|
||||
type="submit"
|
||||
disabled={!canSave || saving}
|
||||
className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
{saving ? "Salvando..." : "Adicionar"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{loading ? (
|
||||
<div className="flex justify-center py-8">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" />
|
||||
</div>
|
||||
) : list.length === 0 ? (
|
||||
<div className="text-center py-8 text-sm text-gray-500">
|
||||
Nenhuma disponibilidade cadastrada. Use o formulário acima para
|
||||
adicionar horários.
|
||||
</div>
|
||||
) : (
|
||||
<div className="overflow-x-auto rounded-lg border border-gray-200">
|
||||
<table className="min-w-full divide-y divide-gray-200">
|
||||
<thead className="bg-gray-50 sticky top-0 z-10">
|
||||
<tr>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Dia da Semana
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Horário Início
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Horário Fim
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Duração
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Tipo
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Status
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Ações
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="bg-white divide-y divide-gray-200">
|
||||
{list.map((item) => (
|
||||
<tr
|
||||
key={item.id}
|
||||
className="odd:bg-white even:bg-gray-50 hover:bg-blue-50/40 transition-colors"
|
||||
>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
|
||||
{item.weekday
|
||||
? item.weekday.charAt(0).toUpperCase() +
|
||||
item.weekday.slice(1)
|
||||
: "-"}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||
{item.start_time?.slice(0, 5)}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||
{item.end_time?.slice(0, 5)}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||
{item.slot_minutes || 30} min
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||
{item.appointment_type === "presencial"
|
||||
? "Presencial"
|
||||
: "Telemedicina"}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap">
|
||||
<button
|
||||
className={`px-3 py-1 rounded-full text-xs font-medium ${
|
||||
item.active
|
||||
? "bg-green-100 text-green-800 ring-1 ring-green-600/20 hover:bg-green-200"
|
||||
: "bg-gray-100 text-gray-800 ring-1 ring-gray-600/20 hover:bg-gray-200"
|
||||
}`}
|
||||
onClick={() => void toggleActive(item)}
|
||||
>
|
||||
{item.active ? "Ativo" : "Inativo"}
|
||||
</button>
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm font-medium">
|
||||
<button
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-red-700 bg-red-50 hover:bg-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
onClick={() => void remove(item)}
|
||||
>
|
||||
Remover
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AvailabilityManager;
|
||||
79
MEDICONNECT 2/src/components/agenda/AvailableSlotsPicker.tsx
Normal file
79
MEDICONNECT 2/src/components/agenda/AvailableSlotsPicker.tsx
Normal file
@ -0,0 +1,79 @@
|
||||
import React, { useEffect, useMemo, useState } from "react";
|
||||
import toast from "react-hot-toast";
|
||||
import { appointmentService } from "../../services";
|
||||
|
||||
interface Props {
|
||||
doctorId: string;
|
||||
date: string; // YYYY-MM-DD
|
||||
onSelect: (time: string) => void; // HH:MM
|
||||
appointment_type?: "presencial" | "telemedicina";
|
||||
}
|
||||
|
||||
const AvailableSlotsPicker: React.FC<Props> = ({
|
||||
doctorId,
|
||||
date,
|
||||
onSelect,
|
||||
appointment_type,
|
||||
}) => {
|
||||
const [slots, setSlots] = useState<string[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
|
||||
const range = useMemo(() => {
|
||||
if (!date) return null;
|
||||
const start = new Date(`${date}T00:00:00Z`).toISOString();
|
||||
const end = new Date(`${date}T23:59:59Z`).toISOString();
|
||||
return { start, end };
|
||||
}, [date]);
|
||||
|
||||
useEffect(() => {
|
||||
async function fetchSlots() {
|
||||
if (!doctorId || !range) return;
|
||||
setLoading(true);
|
||||
const res = await appointmentService.getAvailableSlots({
|
||||
doctor_id: doctorId,
|
||||
start_date: range.start,
|
||||
end_date: range.end,
|
||||
appointment_type,
|
||||
});
|
||||
setLoading(false);
|
||||
if (res.success && res.data) {
|
||||
const times = res.data.slots
|
||||
.filter((s) => s.available)
|
||||
.map((s) => s.datetime.slice(11, 16));
|
||||
setSlots(times);
|
||||
} else {
|
||||
toast.error(res.error || "Erro ao buscar horários");
|
||||
}
|
||||
}
|
||||
void fetchSlots();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [doctorId, date, appointment_type]);
|
||||
|
||||
if (!date || !doctorId) return null;
|
||||
|
||||
if (loading)
|
||||
return <div className="text-sm text-gray-500">Carregando horários...</div>;
|
||||
|
||||
if (!slots.length)
|
||||
return (
|
||||
<div className="text-sm text-gray-500">
|
||||
Nenhum horário disponível para a data selecionada.
|
||||
</div>
|
||||
);
|
||||
|
||||
return (
|
||||
<div className="grid grid-cols-3 md:grid-cols-6 gap-2">
|
||||
{slots.map((t) => (
|
||||
<button
|
||||
key={t}
|
||||
onClick={() => onSelect(t)}
|
||||
className="px-3 py-2 rounded bg-blue-50 hover:bg-blue-100 text-blue-700 text-sm"
|
||||
>
|
||||
{t}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AvailableSlotsPicker;
|
||||
459
MEDICONNECT 2/src/components/agenda/DoctorCalendar.tsx
Normal file
459
MEDICONNECT 2/src/components/agenda/DoctorCalendar.tsx
Normal file
@ -0,0 +1,459 @@
|
||||
// UI/UX refresh: melhorias visuais e de acessibilidade sem alterar a lógica
|
||||
import React, { useEffect, useState } from "react";
|
||||
import toast from "react-hot-toast";
|
||||
import { appointmentService } from "../../services";
|
||||
import pacienteService from "../../services/pacienteService";
|
||||
import type { Appointment } from "../../services/appointmentService";
|
||||
import { ChevronLeft, ChevronRight, X } from "lucide-react";
|
||||
|
||||
interface Props {
|
||||
doctorId: string;
|
||||
}
|
||||
|
||||
interface CalendarDay {
|
||||
date: Date;
|
||||
dateStr: string;
|
||||
isCurrentMonth: boolean;
|
||||
isToday: boolean;
|
||||
appointments: Appointment[];
|
||||
}
|
||||
|
||||
const WEEKDAYS = ["Dom", "Seg", "Ter", "Qua", "Qui", "Sex", "Sáb"];
|
||||
const MONTHS = [
|
||||
"Janeiro",
|
||||
"Fevereiro",
|
||||
"Março",
|
||||
"Abril",
|
||||
"Maio",
|
||||
"Junho",
|
||||
"Julho",
|
||||
"Agosto",
|
||||
"Setembro",
|
||||
"Outubro",
|
||||
"Novembro",
|
||||
"Dezembro",
|
||||
];
|
||||
|
||||
const DoctorCalendar: React.FC<Props> = ({ doctorId }) => {
|
||||
const [currentDate, setCurrentDate] = useState(new Date());
|
||||
const [appointments, setAppointments] = useState<Appointment[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [selectedDay, setSelectedDay] = useState<CalendarDay | null>(null);
|
||||
const [patientsById, setPatientsById] = useState<Record<string, string>>({});
|
||||
|
||||
useEffect(() => {
|
||||
if (doctorId) {
|
||||
loadAppointments();
|
||||
loadPatients();
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [doctorId, currentDate]);
|
||||
|
||||
async function loadAppointments() {
|
||||
setLoading(true);
|
||||
try {
|
||||
const response = await appointmentService.listAppointments();
|
||||
if (response.success && response.data) {
|
||||
// Filtrar apenas do médico selecionado
|
||||
const filtered = response.data.filter(
|
||||
(apt) => apt.doctor_id === doctorId
|
||||
);
|
||||
setAppointments(filtered);
|
||||
} else {
|
||||
toast.error(response.error || "Erro ao carregar agendamentos");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Erro ao carregar agendamentos:", error);
|
||||
toast.error("Erro ao carregar agendamentos");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}
|
||||
|
||||
async function loadPatients() {
|
||||
// Carrega pacientes para mapear nome pelo id (render amigável)
|
||||
try {
|
||||
const res = await pacienteService.listPatients();
|
||||
if (res && Array.isArray(res.data)) {
|
||||
const map: Record<string, string> = {};
|
||||
for (const p of res.data) {
|
||||
if (p?.id) map[p.id] = p.nome || p.email || p.cpf || p.id;
|
||||
}
|
||||
setPatientsById(map);
|
||||
} else if (
|
||||
res &&
|
||||
typeof (res as unknown) === "object" &&
|
||||
(
|
||||
res as {
|
||||
data?: {
|
||||
data?: Array<{
|
||||
id?: string;
|
||||
nome?: string;
|
||||
email?: string;
|
||||
cpf?: string;
|
||||
}>;
|
||||
};
|
||||
}
|
||||
).data?.data
|
||||
) {
|
||||
const list =
|
||||
(
|
||||
res as {
|
||||
data?: {
|
||||
data?: Array<{
|
||||
id?: string;
|
||||
nome?: string;
|
||||
email?: string;
|
||||
cpf?: string;
|
||||
}>;
|
||||
};
|
||||
}
|
||||
).data?.data || [];
|
||||
const map: Record<string, string> = {};
|
||||
for (const p of list) {
|
||||
if (p?.id) map[p.id] = p.nome || p.email || p.cpf || p.id;
|
||||
}
|
||||
setPatientsById(map);
|
||||
}
|
||||
} catch {
|
||||
// silencioso; não bloqueia calendário
|
||||
} finally {
|
||||
/* no-op */
|
||||
}
|
||||
}
|
||||
|
||||
function getPatientName(id?: string) {
|
||||
if (!id) return "";
|
||||
return patientsById[id] || id;
|
||||
}
|
||||
|
||||
function getCalendarDays(): CalendarDay[] {
|
||||
const year = currentDate.getFullYear();
|
||||
const month = currentDate.getMonth();
|
||||
|
||||
// Primeiro dia do mês
|
||||
const firstDay = new Date(year, month, 1);
|
||||
// Último dia do mês
|
||||
const lastDay = new Date(year, month + 1, 0);
|
||||
|
||||
// Dia da semana do primeiro dia (0 = domingo)
|
||||
const startingDayOfWeek = firstDay.getDay();
|
||||
|
||||
const days: CalendarDay[] = [];
|
||||
const today = new Date();
|
||||
today.setHours(0, 0, 0, 0);
|
||||
|
||||
// Adicionar dias do mês anterior
|
||||
const prevMonthLastDay = new Date(year, month, 0);
|
||||
for (let i = startingDayOfWeek - 1; i >= 0; i--) {
|
||||
const date = new Date(year, month - 1, prevMonthLastDay.getDate() - i);
|
||||
const dateStr = formatDateISO(date);
|
||||
days.push({
|
||||
date,
|
||||
dateStr,
|
||||
isCurrentMonth: false,
|
||||
isToday: false,
|
||||
appointments: getAppointmentsForDate(dateStr),
|
||||
});
|
||||
}
|
||||
|
||||
// Adicionar dias do mês atual
|
||||
for (let day = 1; day <= lastDay.getDate(); day++) {
|
||||
const date = new Date(year, month, day);
|
||||
const dateStr = formatDateISO(date);
|
||||
const isToday = date.getTime() === today.getTime();
|
||||
days.push({
|
||||
date,
|
||||
dateStr,
|
||||
isCurrentMonth: true,
|
||||
isToday,
|
||||
appointments: getAppointmentsForDate(dateStr),
|
||||
});
|
||||
}
|
||||
|
||||
// Adicionar dias do próximo mês para completar a grade
|
||||
const remainingDays = 42 - days.length; // 6 semanas x 7 dias
|
||||
for (let day = 1; day <= remainingDays; day++) {
|
||||
const date = new Date(year, month + 1, day);
|
||||
const dateStr = formatDateISO(date);
|
||||
days.push({
|
||||
date,
|
||||
dateStr,
|
||||
isCurrentMonth: false,
|
||||
isToday: false,
|
||||
appointments: getAppointmentsForDate(dateStr),
|
||||
});
|
||||
}
|
||||
|
||||
return days;
|
||||
}
|
||||
|
||||
function formatDateISO(date: Date): string {
|
||||
return date.toISOString().split("T")[0];
|
||||
}
|
||||
|
||||
function getAppointmentsForDate(dateStr: string): Appointment[] {
|
||||
return appointments.filter((apt) => {
|
||||
if (!apt.scheduled_at) return false;
|
||||
const aptDate = apt.scheduled_at.split("T")[0];
|
||||
return aptDate === dateStr;
|
||||
});
|
||||
}
|
||||
|
||||
function previousMonth() {
|
||||
setCurrentDate(
|
||||
new Date(currentDate.getFullYear(), currentDate.getMonth() - 1, 1)
|
||||
);
|
||||
}
|
||||
|
||||
function nextMonth() {
|
||||
setCurrentDate(
|
||||
new Date(currentDate.getFullYear(), currentDate.getMonth() + 1, 1)
|
||||
);
|
||||
}
|
||||
|
||||
function goToToday() {
|
||||
setCurrentDate(new Date());
|
||||
}
|
||||
|
||||
function getStatusColor(status?: string): string {
|
||||
switch (status) {
|
||||
case "confirmed":
|
||||
return "bg-blue-500";
|
||||
case "completed":
|
||||
return "bg-green-500";
|
||||
case "cancelled":
|
||||
return "bg-red-500";
|
||||
case "no_show":
|
||||
return "bg-gray-500";
|
||||
case "checked_in":
|
||||
return "bg-purple-500";
|
||||
case "in_progress":
|
||||
return "bg-yellow-500";
|
||||
default:
|
||||
return "bg-orange-500"; // requested
|
||||
}
|
||||
}
|
||||
|
||||
function getStatusLabel(status?: string): string {
|
||||
const labels: Record<string, string> = {
|
||||
requested: "Solicitado",
|
||||
confirmed: "Confirmado",
|
||||
checked_in: "Check-in",
|
||||
in_progress: "Em andamento",
|
||||
completed: "Concluído",
|
||||
cancelled: "Cancelado",
|
||||
no_show: "Faltou",
|
||||
};
|
||||
return labels[status || "requested"] || status || "Solicitado";
|
||||
}
|
||||
|
||||
const calendarDays = getCalendarDays();
|
||||
|
||||
return (
|
||||
<div className="bg-white rounded-xl shadow-md p-6 border border-gray-200">
|
||||
{/* Cabeçalho modernizado: melhor contraste, foco e navegação */}
|
||||
<div className="flex flex-col gap-3 md:flex-row md:items-center md:justify-between mb-6">
|
||||
<h3 className="text-xl font-semibold text-gray-900">
|
||||
Calendário de Consultas
|
||||
</h3>
|
||||
<div className="flex items-center gap-3">
|
||||
<button
|
||||
onClick={goToToday}
|
||||
className="px-3 py-1.5 text-sm font-medium text-blue-700 bg-blue-50 hover:bg-blue-100 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
Hoje
|
||||
</button>
|
||||
<div className="flex items-center gap-2">
|
||||
<button
|
||||
onClick={previousMonth}
|
||||
className="p-2 hover:bg-gray-100 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
aria-label="Mês anterior"
|
||||
>
|
||||
<ChevronLeft className="w-5 h-5" />
|
||||
</button>
|
||||
<span className="text-lg font-medium min-w-[200px] text-center">
|
||||
{MONTHS[currentDate.getMonth()]} {currentDate.getFullYear()}
|
||||
</span>
|
||||
<button
|
||||
onClick={nextMonth}
|
||||
className="p-2 hover:bg-gray-100 rounded-lg focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
aria-label="Próximo mês"
|
||||
>
|
||||
<ChevronRight className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{loading ? (
|
||||
<div className="flex justify-center py-12">
|
||||
<div className="animate-spin rounded-full h-10 w-10 border-b-2 border-blue-600" />
|
||||
</div>
|
||||
) : (
|
||||
<>
|
||||
{/* Cabeçalhos dos dias da semana */}
|
||||
<div className="grid grid-cols-7 gap-1 mb-2">
|
||||
{WEEKDAYS.map((day) => (
|
||||
<div
|
||||
key={day}
|
||||
className="text-center text-sm font-semibold text-gray-600 py-2"
|
||||
>
|
||||
{day}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{/* Grid do calendário com células interativas acessíveis */}
|
||||
<div className="grid grid-cols-7 gap-1">
|
||||
{calendarDays.map((day, index) => (
|
||||
<div
|
||||
key={index}
|
||||
// UI: estados visuais modernizados, mantendo a interação por clique
|
||||
className={`group min-h-[110px] border rounded-lg p-2 transition-colors ${
|
||||
day.isCurrentMonth
|
||||
? "bg-white border-gray-200"
|
||||
: "bg-gray-50 border-gray-100"
|
||||
} ${day.isToday ? "ring-2 ring-blue-500" : ""} ${
|
||||
day.appointments.length > 0
|
||||
? "cursor-pointer hover:bg-blue-50"
|
||||
: ""
|
||||
}`}
|
||||
onClick={() =>
|
||||
day.appointments.length > 0 && setSelectedDay(day)
|
||||
}
|
||||
>
|
||||
{/* Número do dia com destaque para hoje */}
|
||||
<div
|
||||
className={`text-sm font-medium mb-2 ${
|
||||
day.isCurrentMonth ? "text-gray-900" : "text-gray-400"
|
||||
} ${day.isToday ? "text-blue-600 font-bold" : ""}`}
|
||||
>
|
||||
{day.date.getDate()}
|
||||
</div>
|
||||
{/* Chips de horários com cores por status */}
|
||||
<div className="space-y-1">
|
||||
{day.appointments.slice(0, 3).map((apt, idx) => (
|
||||
<div
|
||||
key={apt.id || idx}
|
||||
className={`text-xs px-1 py-0.5 rounded text-white ${getStatusColor(
|
||||
apt.status
|
||||
)} truncate`}
|
||||
title={`${apt.scheduled_at?.slice(
|
||||
11,
|
||||
16
|
||||
)} - ${getStatusLabel(apt.status)}`}
|
||||
>
|
||||
{apt.scheduled_at?.slice(11, 16)}
|
||||
</div>
|
||||
))}
|
||||
{day.appointments.length > 3 && (
|
||||
<div className="text-xs text-gray-500 font-medium">
|
||||
+{day.appointments.length - 3} mais
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
</>
|
||||
)}
|
||||
|
||||
{/* Modal de detalhes do dia - melhorado com acessibilidade e botão de fechar */}
|
||||
{selectedDay && (
|
||||
<div
|
||||
className="fixed inset-0 bg-black/50 backdrop-blur-[2px] flex items-center justify-center z-50"
|
||||
onClick={() => setSelectedDay(null)}
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-label="Consultas do dia selecionado"
|
||||
>
|
||||
<div
|
||||
className="bg-white rounded-xl shadow-2xl max-w-2xl w-full mx-4 max-h-[80vh] overflow-auto ring-1 ring-black/5"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="p-6 border-b border-gray-200 flex items-center justify-between">
|
||||
<h3 className="text-xl font-semibold text-gray-900">
|
||||
Consultas de{" "}
|
||||
{selectedDay.date.toLocaleDateString("pt-BR", {
|
||||
weekday: "long",
|
||||
day: "numeric",
|
||||
month: "long",
|
||||
year: "numeric",
|
||||
})}
|
||||
</h3>
|
||||
<button
|
||||
onClick={() => setSelectedDay(null)}
|
||||
aria-label="Fechar"
|
||||
className="p-2 rounded-md text-gray-500 hover:text-gray-700 hover:bg-gray-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<X className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
<div className="p-6 space-y-3">
|
||||
{selectedDay.appointments.length === 0 ? (
|
||||
<p className="text-gray-500 text-center py-4">
|
||||
Nenhuma consulta agendada para este dia.
|
||||
</p>
|
||||
) : (
|
||||
selectedDay.appointments.map((apt) => (
|
||||
<div
|
||||
key={apt.id}
|
||||
className="border border-gray-200 rounded-lg p-4 hover:bg-gray-50"
|
||||
>
|
||||
<div className="flex items-start justify-between">
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<span className="font-medium text-gray-900">
|
||||
{apt.scheduled_at?.slice(11, 16)}
|
||||
</span>
|
||||
<span
|
||||
className={`px-2 py-0.5 rounded-full text-xs font-medium text-white ${getStatusColor(
|
||||
apt.status
|
||||
)}`}
|
||||
>
|
||||
{getStatusLabel(apt.status)}
|
||||
</span>
|
||||
</div>
|
||||
<div className="text-sm text-gray-600 space-y-1">
|
||||
<div>
|
||||
<span className="font-medium">Paciente:</span>{" "}
|
||||
{getPatientName(apt.patient_id)}
|
||||
</div>
|
||||
{apt.appointment_type && (
|
||||
<div>
|
||||
<span className="font-medium">Tipo:</span>{" "}
|
||||
{apt.appointment_type === "presencial"
|
||||
? "Presencial"
|
||||
: "Telemedicina"}
|
||||
</div>
|
||||
)}
|
||||
{apt.chief_complaint && (
|
||||
<div>
|
||||
<span className="font-medium">Queixa:</span>{" "}
|
||||
{apt.chief_complaint}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
))
|
||||
)}
|
||||
</div>
|
||||
<div className="p-6 border-t border-gray-200 flex justify-end">
|
||||
<button
|
||||
onClick={() => setSelectedDay(null)}
|
||||
className="px-4 py-2 bg-gray-600 text-white rounded-lg hover:bg-gray-700 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
Fechar
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default DoctorCalendar;
|
||||
265
MEDICONNECT 2/src/components/agenda/ExceptionsManager.tsx
Normal file
265
MEDICONNECT 2/src/components/agenda/ExceptionsManager.tsx
Normal file
@ -0,0 +1,265 @@
|
||||
import React, { useEffect, useState } from "react";
|
||||
import toast from "react-hot-toast";
|
||||
import { exceptionService } from "../../services";
|
||||
import type {
|
||||
DoctorException,
|
||||
ExceptionKind,
|
||||
} from "../../services/exceptionService";
|
||||
|
||||
interface Props {
|
||||
doctorId: string;
|
||||
}
|
||||
|
||||
const ExceptionsManager: React.FC<Props> = ({ doctorId }) => {
|
||||
const [list, setList] = useState<DoctorException[]>([]);
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [form, setForm] = useState({
|
||||
date: "",
|
||||
start_time: "",
|
||||
end_time: "",
|
||||
kind: "bloqueio" as ExceptionKind,
|
||||
reason: "",
|
||||
});
|
||||
const [saving, setSaving] = useState(false);
|
||||
|
||||
async function load() {
|
||||
if (!doctorId) return;
|
||||
setLoading(true);
|
||||
const res = await exceptionService.listExceptions({ doctor_id: doctorId });
|
||||
if (res.success && res.data) setList(res.data);
|
||||
else toast.error(res.error || "Erro ao carregar exceções");
|
||||
setLoading(false);
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
void load();
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [doctorId]);
|
||||
|
||||
async function addException(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
if (!doctorId || !form.date || !form.kind) {
|
||||
toast.error("Preencha data e tipo");
|
||||
return;
|
||||
}
|
||||
setSaving(true);
|
||||
const res = await exceptionService.createException({
|
||||
doctor_id: doctorId,
|
||||
date: form.date,
|
||||
start_time: form.start_time || undefined,
|
||||
end_time: form.end_time || undefined,
|
||||
kind: form.kind,
|
||||
reason: form.reason || undefined,
|
||||
});
|
||||
setSaving(false);
|
||||
if (res.success) {
|
||||
toast.success("Exceção criada");
|
||||
setForm({
|
||||
date: "",
|
||||
start_time: "",
|
||||
end_time: "",
|
||||
kind: "bloqueio",
|
||||
reason: "",
|
||||
});
|
||||
void load();
|
||||
} else toast.error(res.error || "Falha ao criar");
|
||||
}
|
||||
|
||||
async function remove(item: DoctorException) {
|
||||
if (!item.id) return;
|
||||
const ok = confirm("Remover exceção?");
|
||||
if (!ok) return;
|
||||
const res = await exceptionService.deleteException(item.id);
|
||||
if (res.success) {
|
||||
toast.success("Removida");
|
||||
void load();
|
||||
} else toast.error(res.error || "Falha ao remover");
|
||||
}
|
||||
|
||||
return (
|
||||
<div className="bg-white rounded-xl shadow-md p-6 border border-gray-200">
|
||||
<h3 className="text-lg font-semibold text-gray-900 mb-4">
|
||||
Exceções (Bloqueios/Liberações)
|
||||
</h3>
|
||||
<form onSubmit={addException} className="mb-6">
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-6 gap-4 mb-4">
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Data
|
||||
</label>
|
||||
<input
|
||||
type="date"
|
||||
value={form.date}
|
||||
onChange={(e) => setForm((f) => ({ ...f, date: e.target.value }))}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Início{" "}
|
||||
<span className="text-gray-400 font-normal">(opcional)</span>
|
||||
</label>
|
||||
<input
|
||||
type="time"
|
||||
value={form.start_time}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, start_time: e.target.value }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
placeholder="Dia todo"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Fim <span className="text-gray-400 font-normal">(opcional)</span>
|
||||
</label>
|
||||
<input
|
||||
type="time"
|
||||
value={form.end_time}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, end_time: e.target.value }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
placeholder="Dia todo"
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Tipo
|
||||
</label>
|
||||
<select
|
||||
value={form.kind}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({
|
||||
...f,
|
||||
kind: e.target.value as ExceptionKind,
|
||||
}))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
>
|
||||
<option value="bloqueio">Bloqueio</option>
|
||||
<option value="liberacao">Liberação</option>
|
||||
</select>
|
||||
</div>
|
||||
<div className="flex flex-col md:col-span-2">
|
||||
<label className="text-sm font-medium text-gray-700 mb-1">
|
||||
Motivo{" "}
|
||||
<span className="text-gray-400 font-normal">(opcional)</span>
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={form.reason}
|
||||
onChange={(e) =>
|
||||
setForm((f) => ({ ...f, reason: e.target.value }))
|
||||
}
|
||||
className="px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
placeholder="Ex.: Férias, Reunião, etc."
|
||||
/>
|
||||
</div>
|
||||
<div className="flex flex-col justify-end">
|
||||
<button
|
||||
type="submit"
|
||||
disabled={saving}
|
||||
className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed transition-colors font-medium focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
{saving ? "Salvando..." : "Adicionar"}
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</form>
|
||||
|
||||
{loading ? (
|
||||
<div className="flex justify-center py-8">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" />
|
||||
</div>
|
||||
) : list.length === 0 ? (
|
||||
<div className="text-center py-8 text-sm text-gray-500">
|
||||
Nenhuma exceção cadastrada. Use o formulário acima para
|
||||
bloquear/liberar horários.
|
||||
</div>
|
||||
) : (
|
||||
<div className="overflow-x-auto rounded-lg border border-gray-200">
|
||||
<table className="min-w-full divide-y divide-gray-200">
|
||||
<thead className="bg-gray-50 sticky top-0 z-10">
|
||||
<tr>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Data
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Horário Início
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Horário Fim
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Tipo
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Motivo
|
||||
</th>
|
||||
<th className="px-4 py-3 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Ações
|
||||
</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody className="bg-white divide-y divide-gray-200">
|
||||
{list.map((item) => (
|
||||
<tr
|
||||
key={item.id}
|
||||
className="odd:bg-white even:bg-gray-50 hover:bg-blue-50/40 transition-colors"
|
||||
>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm font-medium text-gray-900">
|
||||
{item.date
|
||||
? new Date(item.date + "T00:00:00").toLocaleDateString(
|
||||
"pt-BR"
|
||||
)
|
||||
: "—"}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||
{item.start_time ? (
|
||||
item.start_time.slice(0, 5)
|
||||
) : (
|
||||
<span className="text-gray-400">Dia todo</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm text-gray-900">
|
||||
{item.end_time ? (
|
||||
item.end_time.slice(0, 5)
|
||||
) : (
|
||||
<span className="text-gray-400">Dia todo</span>
|
||||
)}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap">
|
||||
<span
|
||||
className={`px-3 py-1 rounded-full text-xs font-medium ring-1 ${
|
||||
item.kind === "bloqueio"
|
||||
? "bg-red-50 text-red-700 ring-red-600/20"
|
||||
: "bg-green-50 text-green-700 ring-green-600/20"
|
||||
}`}
|
||||
>
|
||||
{item.kind === "bloqueio" ? "Bloqueio" : "Liberação"}
|
||||
</span>
|
||||
</td>
|
||||
<td className="px-4 py-4 text-sm text-gray-900">
|
||||
{item.reason || <span className="text-gray-400">—</span>}
|
||||
</td>
|
||||
<td className="px-4 py-4 whitespace-nowrap text-sm font-medium">
|
||||
<button
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-red-700 bg-red-50 hover:bg-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
onClick={() => void remove(item)}
|
||||
>
|
||||
Remover
|
||||
</button>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
</tbody>
|
||||
</table>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ExceptionsManager;
|
||||
428
MEDICONNECT 2/src/components/agenda/ScheduleAppointmentModal.tsx
Normal file
428
MEDICONNECT 2/src/components/agenda/ScheduleAppointmentModal.tsx
Normal file
@ -0,0 +1,428 @@
|
||||
// UI/UX: adiciona refs e ícones para melhorar acessibilidade e feedback visual
|
||||
import React, { useState, useEffect, useMemo, useRef } from "react";
|
||||
import {
|
||||
Calendar as CalendarIcon,
|
||||
Clock,
|
||||
Loader2,
|
||||
Stethoscope,
|
||||
X,
|
||||
} from "lucide-react";
|
||||
import toast from "react-hot-toast";
|
||||
import { appointmentService } from "../../services";
|
||||
import medicoService, { type Medico } from "../../services/medicoService";
|
||||
import pacienteService from "../../services/pacienteService";
|
||||
import type { Paciente as PacienteModel } from "../../services/pacienteService";
|
||||
import AvailableSlotsPicker from "./AvailableSlotsPicker";
|
||||
|
||||
interface Props {
|
||||
isOpen: boolean;
|
||||
onClose: () => void;
|
||||
patientId?: string; // opcional: quando não informado, seleciona paciente no modal
|
||||
patientName?: string; // opcional
|
||||
onSuccess?: () => void;
|
||||
}
|
||||
|
||||
const ScheduleAppointmentModal: React.FC<Props> = ({
|
||||
isOpen,
|
||||
onClose,
|
||||
patientId,
|
||||
patientName,
|
||||
onSuccess,
|
||||
}) => {
|
||||
const [doctors, setDoctors] = useState<Medico[]>([]);
|
||||
const [loadingDoctors, setLoadingDoctors] = useState(false);
|
||||
const [patients, setPatients] = useState<PacienteModel[]>([]);
|
||||
const [loadingPatients, setLoadingPatients] = useState(false);
|
||||
|
||||
const [selectedDoctorId, setSelectedDoctorId] = useState("");
|
||||
const [selectedDate, setSelectedDate] = useState("");
|
||||
const [selectedTime, setSelectedTime] = useState("");
|
||||
const [appointmentType, setAppointmentType] = useState<
|
||||
"presencial" | "telemedicina"
|
||||
>("presencial");
|
||||
const [reason, setReason] = useState("");
|
||||
const [loading, setLoading] = useState(false);
|
||||
const [selectedPatientId, setSelectedPatientId] = useState("");
|
||||
const [selectedPatientName, setSelectedPatientName] = useState("");
|
||||
|
||||
// A11y & UX: refs para foco inicial e fechamento via overlay/ESC
|
||||
const overlayRef = useRef<HTMLDivElement | null>(null);
|
||||
const dialogRef = useRef<HTMLDivElement | null>(null);
|
||||
const firstFieldRef = useRef<HTMLSelectElement | null>(null);
|
||||
const closeBtnRef = useRef<HTMLButtonElement | null>(null);
|
||||
|
||||
// A11y: IDs para aria-labelledby/aria-describedby
|
||||
const titleId = useMemo(
|
||||
() => `schedule-modal-title-${patientId ?? "novo"}`,
|
||||
[patientId]
|
||||
);
|
||||
const descId = useMemo(
|
||||
() => `schedule-modal-desc-${patientId ?? "novo"}`,
|
||||
[patientId]
|
||||
);
|
||||
|
||||
useEffect(() => {
|
||||
if (isOpen) {
|
||||
loadDoctors();
|
||||
if (!patientId) {
|
||||
loadPatients();
|
||||
} else {
|
||||
// Garantir estados internos alinhados com props
|
||||
setSelectedPatientId(patientId);
|
||||
setSelectedPatientName(patientName || "");
|
||||
}
|
||||
// UX: foco no primeiro campo quando abrir
|
||||
setTimeout(() => firstFieldRef.current?.focus(), 0);
|
||||
}
|
||||
// eslint-disable-next-line react-hooks/exhaustive-deps
|
||||
}, [isOpen]);
|
||||
|
||||
async function loadDoctors() {
|
||||
setLoadingDoctors(true);
|
||||
const res = await medicoService.listarMedicos();
|
||||
setLoadingDoctors(false);
|
||||
if (res.success && res.data) {
|
||||
setDoctors(res.data.data); // res.data é MedicoListResponse, res.data.data é Medico[]
|
||||
} else {
|
||||
toast.error("Erro ao carregar médicos");
|
||||
}
|
||||
}
|
||||
|
||||
async function loadPatients() {
|
||||
setLoadingPatients(true);
|
||||
try {
|
||||
const res = await pacienteService.listPatients();
|
||||
setLoadingPatients(false);
|
||||
if (res && Array.isArray(res.data)) {
|
||||
setPatients(res.data);
|
||||
} else if (
|
||||
res &&
|
||||
typeof (res as unknown) === "object" &&
|
||||
(res as { data?: { data?: PacienteModel[] } }).data?.data
|
||||
) {
|
||||
// fallback caso formato mude (evita any explícito)
|
||||
setPatients(
|
||||
(res as { data?: { data?: PacienteModel[] } }).data?.data || []
|
||||
);
|
||||
} else {
|
||||
toast.error("Erro ao carregar pacientes");
|
||||
}
|
||||
} catch {
|
||||
setLoadingPatients(false);
|
||||
toast.error("Erro ao carregar pacientes");
|
||||
}
|
||||
}
|
||||
|
||||
async function handleSubmit(e: React.FormEvent) {
|
||||
e.preventDefault();
|
||||
|
||||
const finalPatientId = patientId || selectedPatientId;
|
||||
if (
|
||||
!selectedDoctorId ||
|
||||
!selectedDate ||
|
||||
!selectedTime ||
|
||||
!finalPatientId
|
||||
) {
|
||||
toast.error("Preencha médico, data e horário");
|
||||
return;
|
||||
}
|
||||
|
||||
setLoading(true);
|
||||
|
||||
const datetime = `${selectedDate}T${selectedTime}:00`;
|
||||
|
||||
const res = await appointmentService.createAppointment({
|
||||
patient_id: finalPatientId,
|
||||
doctor_id: selectedDoctorId,
|
||||
scheduled_at: datetime,
|
||||
appointment_type: appointmentType,
|
||||
chief_complaint: reason || undefined,
|
||||
});
|
||||
|
||||
setLoading(false);
|
||||
|
||||
if (res.success) {
|
||||
toast.success("Agendamento criado com sucesso!");
|
||||
onSuccess?.();
|
||||
handleClose();
|
||||
} else {
|
||||
toast.error(res.error || "Erro ao criar agendamento");
|
||||
}
|
||||
}
|
||||
|
||||
function handleClose() {
|
||||
setSelectedDoctorId("");
|
||||
setSelectedDate("");
|
||||
setSelectedTime("");
|
||||
setAppointmentType("presencial");
|
||||
setReason("");
|
||||
setSelectedPatientId("");
|
||||
setSelectedPatientName("");
|
||||
onClose();
|
||||
}
|
||||
|
||||
if (!isOpen) return null;
|
||||
|
||||
const selectedDoctor = doctors.find((d) => d.id === selectedDoctorId);
|
||||
const patientPreselected = !!patientId;
|
||||
const effectivePatientName = patientPreselected
|
||||
? patientName
|
||||
: selectedPatientName ||
|
||||
(patients.find((p) => p.id === selectedPatientId)?.nome ?? "");
|
||||
|
||||
// UX: handlers para ESC e clique fora
|
||||
function onKeyDown(e: React.KeyboardEvent) {
|
||||
if (e.key === "Escape") {
|
||||
e.stopPropagation();
|
||||
handleClose();
|
||||
}
|
||||
}
|
||||
function onOverlayClick(e: React.MouseEvent<HTMLDivElement>) {
|
||||
if (e.target === overlayRef.current) handleClose();
|
||||
}
|
||||
|
||||
return (
|
||||
<div
|
||||
ref={overlayRef}
|
||||
className="fixed inset-0 bg-black/50 backdrop-blur-[2px] flex items-center justify-center z-50 p-4"
|
||||
onClick={onOverlayClick}
|
||||
onKeyDown={onKeyDown}
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby={titleId}
|
||||
aria-describedby={descId}
|
||||
>
|
||||
<div
|
||||
ref={dialogRef}
|
||||
className="bg-white rounded-xl shadow-2xl max-w-3xl w-full max-h-[90vh] overflow-y-auto ring-1 ring-black/5 animate-in fade-in zoom-in duration-150"
|
||||
onClick={(e) => e.stopPropagation()}
|
||||
>
|
||||
<div className="sticky top-0 bg-gradient-to-r from-blue-50 to-white border-b px-6 py-4 flex items-center justify-between">
|
||||
<div className="flex items-center gap-2">
|
||||
<Stethoscope className="w-5 h-5 text-blue-600" aria-hidden="true" />
|
||||
<h2
|
||||
id={titleId}
|
||||
className="text-lg md:text-xl font-semibold text-gray-900"
|
||||
>
|
||||
Agendar consulta •{" "}
|
||||
<span className="font-normal text-gray-700">
|
||||
{effectivePatientName}
|
||||
</span>
|
||||
</h2>
|
||||
</div>
|
||||
<button
|
||||
ref={closeBtnRef}
|
||||
onClick={handleClose}
|
||||
aria-label="Fechar modal de agendamento"
|
||||
className="inline-flex items-center justify-center rounded-md p-2 text-gray-500 hover:text-gray-700 hover:bg-gray-100 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<X className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<p id={descId} className="sr-only">
|
||||
Selecione o médico, a data, o tipo de consulta e um horário disponível
|
||||
para criar um novo agendamento.
|
||||
</p>
|
||||
|
||||
<form
|
||||
onSubmit={handleSubmit}
|
||||
className="p-6 space-y-6"
|
||||
aria-busy={loading}
|
||||
>
|
||||
{/* Paciente (apenas quando não veio por props) */}
|
||||
{!patientPreselected && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Paciente *
|
||||
</label>
|
||||
{loadingPatients ? (
|
||||
// Skeleton para carregamento de pacientes
|
||||
<div
|
||||
className="h-10 w-full rounded-lg bg-gray-100 animate-pulse"
|
||||
aria-live="polite"
|
||||
aria-label="Carregando pacientes"
|
||||
/>
|
||||
) : (
|
||||
<select
|
||||
value={selectedPatientId}
|
||||
onChange={(e) => {
|
||||
setSelectedPatientId(e.target.value);
|
||||
const p = patients.find((px) => px.id === e.target.value);
|
||||
setSelectedPatientName(p?.nome || "");
|
||||
}}
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
required
|
||||
>
|
||||
<option value="">-- Selecione um paciente --</option>
|
||||
{patients.map((p) => (
|
||||
<option key={p.id} value={p.id}>
|
||||
{p.nome} {p.cpf ? `- ${p.cpf}` : ""}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
{/* Médico */}
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Médico{" "}
|
||||
<span className="text-red-500" aria-hidden="true">
|
||||
*
|
||||
</span>
|
||||
</label>
|
||||
{loadingDoctors ? (
|
||||
<div
|
||||
className="h-10 w-full rounded-lg bg-gray-100 animate-pulse"
|
||||
aria-live="polite"
|
||||
aria-label="Carregando médicos"
|
||||
/>
|
||||
) : (
|
||||
<select
|
||||
value={selectedDoctorId}
|
||||
onChange={(e) => setSelectedDoctorId(e.target.value)}
|
||||
ref={firstFieldRef}
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
required
|
||||
>
|
||||
<option value="">-- Selecione um médico --</option>
|
||||
{doctors.map((doc) => (
|
||||
<option key={doc.id} value={doc.id}>
|
||||
{doc.nome} - {doc.especialidade}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
)}
|
||||
{selectedDoctor && (
|
||||
<div className="mt-2 text-sm text-gray-600">
|
||||
CRM: {selectedDoctor.crm}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Data */}
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Data{" "}
|
||||
<span className="text-red-500" aria-hidden="true">
|
||||
*
|
||||
</span>
|
||||
</label>
|
||||
<input
|
||||
type="date"
|
||||
value={selectedDate}
|
||||
onChange={(e) => {
|
||||
setSelectedDate(e.target.value);
|
||||
setSelectedTime(""); // Limpa o horário ao mudar a data
|
||||
}}
|
||||
min={new Date().toISOString().split("T")[0]}
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
required
|
||||
/>
|
||||
<p className="mt-1 text-xs text-gray-500 flex items-center gap-1">
|
||||
<CalendarIcon className="w-3.5 h-3.5" /> Selecione uma data para
|
||||
ver os horários disponíveis.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Tipo de Consulta */}
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Tipo de Consulta{" "}
|
||||
<span className="text-red-500" aria-hidden="true">
|
||||
*
|
||||
</span>
|
||||
</label>
|
||||
<select
|
||||
value={appointmentType}
|
||||
onChange={(e) =>
|
||||
setAppointmentType(
|
||||
e.target.value as "presencial" | "telemedicina"
|
||||
)
|
||||
}
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
required
|
||||
>
|
||||
<option value="presencial">Presencial</option>
|
||||
<option value="telemedicina">Telemedicina</option>
|
||||
</select>
|
||||
<p className="mt-1 text-xs text-gray-500 flex items-center gap-1">
|
||||
<Clock className="w-3.5 h-3.5" /> O tipo de consulta pode alterar
|
||||
a disponibilidade de horários.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
{/* Horários Disponíveis */}
|
||||
{selectedDoctorId && selectedDate && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Horários Disponíveis *
|
||||
</label>
|
||||
<AvailableSlotsPicker
|
||||
doctorId={selectedDoctorId}
|
||||
date={selectedDate}
|
||||
appointment_type={appointmentType}
|
||||
onSelect={(time) => setSelectedTime(time)}
|
||||
/>
|
||||
{selectedTime && (
|
||||
<div className="mt-2 inline-flex items-center gap-2 rounded-md bg-green-50 px-3 py-1.5 text-sm text-green-700 ring-1 ring-green-600/20">
|
||||
<span aria-hidden>✓</span> Horário selecionado:{" "}
|
||||
<span className="font-semibold">{selectedTime}</span>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Motivo */}
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Motivo da Consulta (opcional)
|
||||
</label>
|
||||
<textarea
|
||||
value={reason}
|
||||
onChange={(e) => setReason(e.target.value)}
|
||||
rows={3}
|
||||
className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
placeholder="Ex: Consulta de rotina, dor de cabeça..."
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Botões */}
|
||||
<div className="flex flex-col-reverse sm:flex-row gap-3 pt-4 border-t">
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleClose}
|
||||
className="flex-1 px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
disabled={loading}
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
className="flex-1 inline-flex items-center justify-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
disabled={
|
||||
loading ||
|
||||
!selectedDoctorId ||
|
||||
!selectedDate ||
|
||||
!selectedTime ||
|
||||
(!patientPreselected && !selectedPatientId)
|
||||
}
|
||||
>
|
||||
{loading ? (
|
||||
<>
|
||||
<Loader2 className="w-4 h-4 animate-spin" aria-hidden />{" "}
|
||||
Agendando...
|
||||
</>
|
||||
) : (
|
||||
"Confirmar Agendamento"
|
||||
)}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default ScheduleAppointmentModal;
|
||||
@ -62,14 +62,19 @@ const ConsultaModal: React.FC<ConsultaModalProps> = ({
|
||||
(async () => {
|
||||
try {
|
||||
setLoadingLists(true);
|
||||
const [pacs, medsResp] = await Promise.all([
|
||||
listPatients({ limit: 500 }).catch(() => []),
|
||||
const [pacsResp, medsResp] = await Promise.all([
|
||||
listPatients().catch(() => ({
|
||||
data: [],
|
||||
total: 0,
|
||||
page: 1,
|
||||
per_page: 0,
|
||||
})),
|
||||
medicoService
|
||||
.listarMedicos()
|
||||
.catch(() => ({ success: false, data: undefined })),
|
||||
]);
|
||||
if (!active) return;
|
||||
setPacientes(pacs);
|
||||
setPacientes(pacsResp.data);
|
||||
if (medsResp && medsResp.success && medsResp.data) {
|
||||
setMedicos(medsResp.data.data);
|
||||
}
|
||||
@ -229,7 +234,7 @@ const ConsultaModal: React.FC<ConsultaModalProps> = ({
|
||||
>
|
||||
<option value="">Selecione...</option>
|
||||
{pacientes.map((p) => (
|
||||
<option key={p._id} value={p._id}>
|
||||
<option key={p.id} value={p.id}>
|
||||
{p.nome}
|
||||
</option>
|
||||
))}
|
||||
|
||||
@ -71,9 +71,9 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
onSelect,
|
||||
}) => {
|
||||
return (
|
||||
<div className="overflow-x-auto">
|
||||
<div className="overflow-x-auto rounded-lg border border-gray-200">
|
||||
<table className="min-w-full divide-y divide-gray-200">
|
||||
<thead className="bg-gray-50">
|
||||
<thead className="bg-gray-50 sticky top-0 z-10">
|
||||
<tr>
|
||||
<th className="px-4 py-2 text-left text-xs font-medium text-gray-500 uppercase tracking-wider">
|
||||
Data/Hora
|
||||
@ -128,11 +128,14 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
className: "bg-gray-100 text-gray-800",
|
||||
};
|
||||
return (
|
||||
<tr key={c.id} className="hover:bg-gray-50">
|
||||
<tr
|
||||
key={c.id}
|
||||
className="odd:bg-white even:bg-gray-50 hover:bg-blue-50/40 transition-colors"
|
||||
>
|
||||
<td className="px-4 py-3 text-sm">
|
||||
<button
|
||||
onClick={() => onSelect?.(c.id)}
|
||||
className="text-left hover:underline"
|
||||
className="text-left hover:underline focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/60 rounded"
|
||||
>
|
||||
{formatDateTime(c.dataHora)}
|
||||
</button>
|
||||
@ -157,7 +160,9 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
</td>
|
||||
<td className="px-4 py-3 text-sm">
|
||||
<span
|
||||
className={`inline-flex items-center px-2 py-0.5 rounded-full text-xs font-medium ${s.className}`}
|
||||
className={`inline-flex items-center px-2.5 py-0.5 rounded-full text-xs font-medium ring-1 ring-inset ${s.className
|
||||
.replace("bg-", "bg-")
|
||||
.replace("text-", "text-")}`}
|
||||
>
|
||||
{s.label}
|
||||
</span>
|
||||
@ -169,7 +174,7 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
c.status === "agendada" && (
|
||||
<button
|
||||
onClick={() => onChangeStatus?.(c.id, "confirmada")}
|
||||
className="inline-flex items-center text-green-600 hover:text-green-800 text-xs"
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-green-700 bg-green-50 hover:bg-green-100 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<Check className="w-4 h-4 mr-1" /> Confirmar
|
||||
</button>
|
||||
@ -177,7 +182,7 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
{allowStatusChange && c.status === "confirmada" && (
|
||||
<button
|
||||
onClick={() => onChangeStatus?.(c.id, "realizada")}
|
||||
className="inline-flex items-center text-blue-600 hover:text-blue-800 text-xs"
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-blue-700 bg-blue-50 hover:bg-blue-100 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<CalendarCheck className="w-4 h-4 mr-1" /> Realizar
|
||||
</button>
|
||||
@ -186,7 +191,7 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
["agendada", "confirmada"].includes(c.status) && (
|
||||
<button
|
||||
onClick={() => onChangeStatus?.(c.id, "cancelada")}
|
||||
className="inline-flex items-center text-red-600 hover:text-red-800 text-xs"
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-red-700 bg-red-50 hover:bg-red-100 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<X className="w-4 h-4 mr-1" /> Cancelar
|
||||
</button>
|
||||
@ -194,7 +199,7 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
{allowEdit && (
|
||||
<button
|
||||
onClick={() => onEdit?.(c.id)}
|
||||
className="inline-flex items-center text-gray-600 hover:text-gray-800 text-xs"
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-gray-700 bg-gray-50 hover:bg-gray-100 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<Pencil className="w-4 h-4 mr-1" /> Editar
|
||||
</button>
|
||||
@ -202,7 +207,7 @@ const ConsultationList: React.FC<ConsultationListProps> = ({
|
||||
{allowDelete && (
|
||||
<button
|
||||
onClick={() => onDelete?.(c.id)}
|
||||
className="inline-flex items-center text-gray-500 hover:text-red-700 text-xs"
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-gray-700 hover:text-red-700 bg-gray-50 hover:bg-red-50 text-xs focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<Trash2 className="w-4 h-4 mr-1" /> Excluir
|
||||
</button>
|
||||
|
||||
@ -88,7 +88,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="text"
|
||||
value={data.nome}
|
||||
onChange={(e) => onChange({ nome: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
required
|
||||
placeholder="Digite o nome completo"
|
||||
autoComplete="name"
|
||||
@ -106,7 +106,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="text"
|
||||
value={data.social_name}
|
||||
onChange={(e) => onChange({ social_name: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="Opcional"
|
||||
autoComplete="nickname"
|
||||
/>
|
||||
@ -125,7 +125,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="text"
|
||||
value={data.rg || ""}
|
||||
onChange={(e) => onChange({ rg: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="RG"
|
||||
/>
|
||||
</div>
|
||||
@ -140,7 +140,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
id="estado_civil"
|
||||
value={data.estado_civil || ""}
|
||||
onChange={(e) => onChange({ estado_civil: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
>
|
||||
<option value="">Selecione</option>
|
||||
<option value="solteiro(a)">Solteiro(a)</option>
|
||||
@ -181,7 +181,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="text"
|
||||
value={data.cpf}
|
||||
onChange={(e) => onCpfChange(e.target.value)}
|
||||
className={`w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent ${
|
||||
className={`w-full px-3 py-2 border rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors ${
|
||||
cpfError ? "border-red-500" : "border-gray-300"
|
||||
}`}
|
||||
required
|
||||
@ -214,7 +214,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
id="sexo"
|
||||
value={data.sexo}
|
||||
onChange={(e) => onChange({ sexo: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
required
|
||||
>
|
||||
<option value="">Selecione</option>
|
||||
@ -235,7 +235,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="date"
|
||||
value={data.dataNascimento}
|
||||
onChange={(e) => onChange({ dataNascimento: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
required
|
||||
autoComplete="bday"
|
||||
/>
|
||||
@ -255,7 +255,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
<select
|
||||
value={data.codigoPais}
|
||||
onChange={(e) => onChange({ codigoPais: e.target.value })}
|
||||
className="w-28 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-28 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
required
|
||||
aria-label="Código do país"
|
||||
>
|
||||
@ -274,7 +274,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
ddd: e.target.value.replace(/\D/g, "").slice(0, 2),
|
||||
})
|
||||
}
|
||||
className="w-16 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-16 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="DDD"
|
||||
required
|
||||
inputMode="numeric"
|
||||
@ -292,7 +292,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
.slice(0, 9),
|
||||
})
|
||||
}
|
||||
className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="Número do telefone"
|
||||
required
|
||||
inputMode="numeric"
|
||||
@ -314,7 +314,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="email"
|
||||
value={data.email}
|
||||
onChange={(e) => onChange({ email: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
required
|
||||
placeholder="contato@paciente.com"
|
||||
autoComplete="email"
|
||||
@ -333,7 +333,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
<select
|
||||
value={data.tipo_sanguineo}
|
||||
onChange={(e) => onChange({ tipo_sanguineo: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
>
|
||||
<option value="">Selecione</option>
|
||||
{bloodTypes.map((tipo) => (
|
||||
@ -354,7 +354,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
step="0.1"
|
||||
value={data.altura}
|
||||
onChange={(e) => onChange({ altura: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="170"
|
||||
/>
|
||||
</div>
|
||||
@ -369,7 +369,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
step="0.1"
|
||||
value={data.peso}
|
||||
onChange={(e) => onChange({ peso: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="70.5"
|
||||
/>
|
||||
</div>
|
||||
@ -380,7 +380,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
<select
|
||||
value={data.convenio}
|
||||
onChange={(e) => onChange({ convenio: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
>
|
||||
<option value="">Selecione</option>
|
||||
{convenios.map((c) => (
|
||||
@ -398,7 +398,7 @@ const PacienteForm: React.FC<PacienteFormProps> = ({
|
||||
type="text"
|
||||
value={data.numeroCarteirinha}
|
||||
onChange={(e) => onChange({ numeroCarteirinha: e.target.value })}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-500 focus:border-transparent"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-green-600 focus:border-green-600/40 transition-colors"
|
||||
placeholder="Informe se possuir convênio"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -1,5 +1,6 @@
|
||||
import React from "react";
|
||||
import { AvatarInitials } from "../AvatarInitials";
|
||||
import { Calendar, Eye, Pencil, Trash2 } from "lucide-react";
|
||||
|
||||
export interface PatientListItem {
|
||||
id: string;
|
||||
@ -11,7 +12,6 @@ export interface PatientListItem {
|
||||
vip?: boolean;
|
||||
cidade?: string;
|
||||
estado?: string;
|
||||
// placeholders a serem preenchidos quando consultasService estiver pronto
|
||||
ultimoAtendimento?: string | null; // ISO ou texto humanizado
|
||||
proximoAtendimento?: string | null;
|
||||
}
|
||||
@ -35,7 +35,7 @@ const PatientListTable: React.FC<PatientListTableProps> = ({
|
||||
}) => {
|
||||
return (
|
||||
<div
|
||||
className="overflow-x-auto"
|
||||
className="overflow-x-auto rounded-lg border border-gray-200 dark:border-gray-700 shadow-sm"
|
||||
role="region"
|
||||
aria-label="Lista de pacientes"
|
||||
>
|
||||
@ -43,47 +43,50 @@ const PatientListTable: React.FC<PatientListTableProps> = ({
|
||||
className="min-w-full divide-y divide-gray-200 dark:divide-gray-700"
|
||||
role="table"
|
||||
>
|
||||
<thead className="bg-gray-50 dark:bg-gray-800" role="rowgroup">
|
||||
<thead
|
||||
className="bg-gray-50/90 dark:bg-gray-800/90 sticky top-0 backdrop-blur supports-[backdrop-filter]:backdrop-blur z-10"
|
||||
role="rowgroup"
|
||||
>
|
||||
<tr>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Paciente
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Contato
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Local
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Último Atendimento
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Próximo Atendimento
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-left text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-left text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Convênio
|
||||
</th>
|
||||
<th
|
||||
scope="col"
|
||||
className="px-6 py-3 text-right text-xs font-medium text-gray-500 dark:text-gray-300 uppercase tracking-wider"
|
||||
className="px-6 py-3 text-right text-xs font-semibold text-gray-600 dark:text-gray-300 uppercase tracking-wider"
|
||||
>
|
||||
Ações
|
||||
</th>
|
||||
@ -96,7 +99,7 @@ const PatientListTable: React.FC<PatientListTableProps> = ({
|
||||
{pacientes.map((p) => (
|
||||
<tr
|
||||
key={p.id}
|
||||
className="hover:bg-gray-50 dark:hover:bg-gray-800"
|
||||
className="odd:bg-white even:bg-gray-50/60 dark:even:bg-gray-800/50 hover:bg-blue-50/50 dark:hover:bg-gray-800 transition-colors"
|
||||
role="row"
|
||||
>
|
||||
<td className="px-6 py-4">
|
||||
@ -104,7 +107,7 @@ const PatientListTable: React.FC<PatientListTableProps> = ({
|
||||
<AvatarInitials name={p.nome} size={40} />
|
||||
<div>
|
||||
<div
|
||||
className="text-sm font-medium text-gray-900 dark:text-gray-100 cursor-pointer hover:underline"
|
||||
className="text-sm font-semibold text-gray-900 dark:text-gray-100 cursor-pointer hover:underline"
|
||||
onClick={() => onView?.(p)}
|
||||
>
|
||||
{p.nome || "Sem nome"}
|
||||
@ -114,10 +117,10 @@ const PatientListTable: React.FC<PatientListTableProps> = ({
|
||||
</div>
|
||||
{p.vip && (
|
||||
<div
|
||||
className="mt-2 inline-flex items-center px-2 py-0.5 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800 dark:bg-yellow-200 dark:text-yellow-900"
|
||||
className="mt-2 inline-flex items-center gap-1 px-2 py-0.5 rounded-full text-xs font-semibold bg-yellow-100 text-yellow-800 ring-1 ring-yellow-700/20 dark:bg-yellow-200 dark:text-yellow-900"
|
||||
aria-label="Paciente VIP"
|
||||
>
|
||||
VIP
|
||||
<span aria-hidden>★</span> VIP
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
@ -147,37 +150,62 @@ const PatientListTable: React.FC<PatientListTableProps> = ({
|
||||
<td className="px-6 py-4 text-sm text-gray-500 dark:text-gray-400">
|
||||
{p.convenio || "Particular"}
|
||||
</td>
|
||||
<td className="px-6 py-4 text-right text-sm font-medium space-x-3">
|
||||
{onSchedule && (
|
||||
<td className="px-6 py-4 text-right text-sm font-medium">
|
||||
<div className="flex items-center justify-end gap-2">
|
||||
{onView && (
|
||||
<button
|
||||
onClick={() => onView(p)}
|
||||
title={`Ver ${p.nome}`}
|
||||
aria-label={`Ver ${p.nome}`}
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-gray-700 hover:text-gray-900 hover:bg-gray-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<Eye className="w-4 h-4" />
|
||||
<span className="hidden sm:inline">Ver</span>
|
||||
</button>
|
||||
)}
|
||||
{onSchedule && (
|
||||
<button
|
||||
onClick={() => onSchedule(p)}
|
||||
title={`Agendar para ${p.nome}`}
|
||||
aria-label={`Agendar para ${p.nome}`}
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-blue-700 bg-blue-50 hover:bg-blue-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<Calendar className="w-4 h-4" />
|
||||
<span className="hidden sm:inline">Agendar</span>
|
||||
</button>
|
||||
)}
|
||||
<button
|
||||
onClick={() => onSchedule(p)}
|
||||
className="text-blue-600 dark:text-blue-400 hover:text-blue-900 dark:hover:text-blue-300"
|
||||
onClick={() => onEdit(p)}
|
||||
title={`Editar ${p.nome}`}
|
||||
aria-label={`Editar ${p.nome}`}
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-green-700 bg-green-50 hover:bg-green-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
Agendar
|
||||
<Pencil className="w-4 h-4" />
|
||||
<span className="hidden sm:inline">Editar</span>
|
||||
</button>
|
||||
)}
|
||||
<button
|
||||
onClick={() => onEdit(p)}
|
||||
className="text-green-600 dark:text-green-400 hover:text-green-900 dark:hover:text-green-300"
|
||||
>
|
||||
Editar
|
||||
</button>
|
||||
<button
|
||||
onClick={() => onDelete(p)}
|
||||
className="text-red-600 dark:text-red-400 hover:text-red-900 dark:hover:text-red-300"
|
||||
>
|
||||
Excluir
|
||||
</button>
|
||||
<button
|
||||
onClick={() => onDelete(p)}
|
||||
title={`Excluir ${p.nome}`}
|
||||
aria-label={`Excluir ${p.nome}`}
|
||||
className="inline-flex items-center gap-1 rounded-md px-2.5 py-1.5 text-red-700 bg-red-50 hover:bg-red-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
<span className="hidden sm:inline">Excluir</span>
|
||||
</button>
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
))}
|
||||
|
||||
{pacientes.length === 0 && (
|
||||
<tr>
|
||||
<td
|
||||
colSpan={7}
|
||||
className="px-6 py-10 text-center text-sm text-gray-500 dark:text-gray-400"
|
||||
>
|
||||
{emptyMessage}
|
||||
<span role="status" aria-live="polite">
|
||||
{emptyMessage}
|
||||
</span>
|
||||
</td>
|
||||
</tr>
|
||||
)}
|
||||
|
||||
@ -8,6 +8,42 @@ import { AuthProvider } from "./context/AuthContext";
|
||||
import "react-toastify/dist/ReactToastify.css";
|
||||
import { ToastContainer } from "react-toastify";
|
||||
|
||||
// Apply accessibility preferences before React mounts to avoid FOUC and ensure persistence across reloads.
|
||||
// This also helps E2E test detect classes after reload.
|
||||
(() => {
|
||||
try {
|
||||
const raw = localStorage.getItem("accessibility-prefs");
|
||||
if (!raw) return;
|
||||
const prefs = JSON.parse(raw) as Partial<{
|
||||
fontSize: number;
|
||||
highContrast: boolean;
|
||||
darkMode: boolean;
|
||||
dyslexicFont: boolean;
|
||||
lineSpacing: boolean;
|
||||
reducedMotion: boolean;
|
||||
lowBlueLight: boolean;
|
||||
focusMode: boolean;
|
||||
}>;
|
||||
const root = document.documentElement;
|
||||
if (typeof prefs.fontSize === "number") {
|
||||
root.style.fontSize = `${prefs.fontSize}%`;
|
||||
}
|
||||
const toggle = (flag: boolean | undefined, cls: string) => {
|
||||
if (flag) root.classList.add(cls);
|
||||
else root.classList.remove(cls);
|
||||
};
|
||||
toggle(prefs.highContrast, "high-contrast");
|
||||
toggle(prefs.darkMode, "dark");
|
||||
toggle(prefs.dyslexicFont, "dyslexic-font");
|
||||
toggle(prefs.lineSpacing, "line-spacing");
|
||||
toggle(prefs.reducedMotion, "reduced-motion");
|
||||
toggle(prefs.lowBlueLight, "low-blue-light");
|
||||
toggle(prefs.focusMode, "focus-mode");
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
})();
|
||||
|
||||
createRoot(document.getElementById("root")!).render(
|
||||
<StrictMode>
|
||||
<AuthProvider>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
806
MEDICONNECT 2/src/pages/AcompanhamentoPacienteAntigo.tsx.bak
Normal file
806
MEDICONNECT 2/src/pages/AcompanhamentoPacienteAntigo.tsx.bak
Normal file
@ -0,0 +1,806 @@
|
||||
import React, { useState, useEffect, useCallback } from "react";
|
||||
import {
|
||||
Calendar,
|
||||
Clock,
|
||||
User,
|
||||
CheckCircle,
|
||||
XCircle,
|
||||
AlertCircle,
|
||||
LogOut,
|
||||
Eye,
|
||||
Filter,
|
||||
} from "lucide-react";
|
||||
import consultaService from "../services/consultaService";
|
||||
import medicoService from "../services/medicoService";
|
||||
import toast from "react-hot-toast";
|
||||
import { format, isAfter, isBefore, isToday, addDays } from "date-fns";
|
||||
import { ptBR } from "date-fns/locale";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
|
||||
interface Consulta {
|
||||
_id: string;
|
||||
pacienteId: string;
|
||||
medicoId: string;
|
||||
dataHora: string;
|
||||
status: "agendada" | "confirmada" | "realizada" | "cancelada" | "faltou";
|
||||
tipoConsulta: string;
|
||||
motivoConsulta: string;
|
||||
observacoes?: string;
|
||||
resultados?: string;
|
||||
prescricoes?: string;
|
||||
proximaConsulta?: string;
|
||||
criadoEm: string;
|
||||
}
|
||||
|
||||
interface Medico {
|
||||
_id: string;
|
||||
nome: string;
|
||||
especialidade: string;
|
||||
valorConsulta: number;
|
||||
}
|
||||
|
||||
interface Paciente {
|
||||
_id: string;
|
||||
nome: string;
|
||||
cpf: string;
|
||||
telefone: string;
|
||||
email: string;
|
||||
}
|
||||
|
||||
const AcompanhamentoPaciente: React.FC = () => {
|
||||
const [consultas, setConsultas] = useState<Consulta[]>([]);
|
||||
const [medicos, setMedicos] = useState<Medico[]>([]);
|
||||
const [pacienteLogado, setPacienteLogado] = useState<Paciente | null>(null);
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [filtroStatus, setFiltroStatus] = useState<string>("todas");
|
||||
const [filtroPeriodo, setFiltroPeriodo] = useState<string>("todos");
|
||||
const [consultaSelecionada, setConsultaSelecionada] =
|
||||
useState<Consulta | null>(null);
|
||||
const [showDetalhes, setShowDetalhes] = useState(false);
|
||||
|
||||
const navigate = useNavigate();
|
||||
|
||||
// (Effect moved below callback declarations)
|
||||
|
||||
// Mesclar consultas locais do localStorage com as do backend (apenas visual)
|
||||
interface LocalConsultaRaw {
|
||||
id: string;
|
||||
pacienteId: string;
|
||||
medicoId: string;
|
||||
pacienteNome?: string;
|
||||
medicoNome?: string;
|
||||
dataHora: string;
|
||||
tipo?: string;
|
||||
status: string;
|
||||
}
|
||||
|
||||
const mergeConsultasLocais = useCallback(
|
||||
(pacienteId: string, pacienteEmail?: string) => {
|
||||
try {
|
||||
const raw = localStorage.getItem("consultas_local");
|
||||
if (!raw) return;
|
||||
const arr: LocalConsultaRaw[] = JSON.parse(raw);
|
||||
console.log("[mergeConsultasLocais] Filtrando consultas. Procurando:", {
|
||||
pacienteId,
|
||||
pacienteEmail,
|
||||
});
|
||||
console.log(
|
||||
"[mergeConsultasLocais] Total no localStorage:",
|
||||
arr.length
|
||||
);
|
||||
const minhas = arr.filter((c) => {
|
||||
const match =
|
||||
c.pacienteId === pacienteId ||
|
||||
(pacienteEmail && c.pacienteId === pacienteEmail) ||
|
||||
c.pacienteId === pacienteEmail;
|
||||
if (match) {
|
||||
console.log(
|
||||
"[mergeConsultasLocais] Match encontrado:",
|
||||
c.id,
|
||||
c.pacienteId
|
||||
);
|
||||
}
|
||||
return match;
|
||||
});
|
||||
console.log(
|
||||
"[mergeConsultasLocais] Consultas filtradas:",
|
||||
minhas.length
|
||||
);
|
||||
if (!minhas.length) {
|
||||
console.log(
|
||||
"[mergeConsultasLocais] Nenhuma consulta encontrada para este paciente"
|
||||
);
|
||||
return;
|
||||
}
|
||||
setConsultas((prev) => {
|
||||
const existentes = new Set(prev.map((c) => c._id));
|
||||
const extras: Consulta[] = minhas
|
||||
.filter((c) => !existentes.has(c.id))
|
||||
.map((c) => ({
|
||||
_id: c.id,
|
||||
pacienteId: c.pacienteId,
|
||||
medicoId: c.medicoId,
|
||||
dataHora: c.dataHora,
|
||||
status: (c.status as Consulta["status"]) || "agendada",
|
||||
tipoConsulta: c.tipo || "",
|
||||
motivoConsulta: "",
|
||||
criadoEm: c.dataHora,
|
||||
}));
|
||||
console.log(
|
||||
"[mergeConsultasLocais] Adicionando",
|
||||
extras.length,
|
||||
"consultas ao estado"
|
||||
);
|
||||
return [...prev, ...extras];
|
||||
});
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
},
|
||||
[]
|
||||
);
|
||||
|
||||
// Carrega e injeta consultas de demonstração automaticamente se ainda não presentes
|
||||
const ensureDemoConsultas = useCallback(
|
||||
async (pacienteId: string, pacienteEmail?: string) => {
|
||||
try {
|
||||
const rawLocal = localStorage.getItem("consultas_local");
|
||||
const existentes: LocalConsultaRaw[] = rawLocal
|
||||
? JSON.parse(rawLocal)
|
||||
: [];
|
||||
const jaTem = existentes.some(
|
||||
(c) =>
|
||||
c.pacienteId === pacienteId ||
|
||||
(pacienteEmail && c.pacienteId === pacienteEmail)
|
||||
);
|
||||
if (!jaTem) {
|
||||
const resp = await fetch("/src/data/consultas-demo.json").catch(() =>
|
||||
Promise.resolve(undefined)
|
||||
);
|
||||
if (resp && resp.ok) {
|
||||
const demo: LocalConsultaRaw[] = await resp.json();
|
||||
const candidatos = demo.filter(
|
||||
(c) =>
|
||||
c.pacienteId === pacienteId ||
|
||||
(pacienteEmail && c.pacienteId === pacienteEmail)
|
||||
);
|
||||
if (candidatos.length) {
|
||||
const idsExist = new Set(existentes.map((c) => c.id));
|
||||
const novos = candidatos.filter((c) => !idsExist.has(c.id));
|
||||
if (novos.length) {
|
||||
localStorage.setItem(
|
||||
"consultas_local",
|
||||
JSON.stringify([...existentes, ...novos])
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
mergeConsultasLocais(pacienteId, pacienteEmail);
|
||||
} catch (e) {
|
||||
console.error("Erro ao carregar consultas de demonstração:", e);
|
||||
}
|
||||
},
|
||||
[mergeConsultasLocais]
|
||||
); // Efetua carregamento inicial após definição das callbacks
|
||||
useEffect(() => {
|
||||
const pacienteData = localStorage.getItem("pacienteLogado");
|
||||
if (!pacienteData) {
|
||||
navigate("/paciente");
|
||||
return;
|
||||
}
|
||||
try {
|
||||
const paciente = JSON.parse(pacienteData);
|
||||
setPacienteLogado(paciente);
|
||||
fetchConsultas(paciente._id);
|
||||
ensureDemoConsultas(paciente._id, paciente.email);
|
||||
fetchMedicos();
|
||||
} catch (error) {
|
||||
console.error("Erro ao carregar dados do paciente:", error);
|
||||
navigate("/paciente");
|
||||
}
|
||||
}, [navigate, ensureDemoConsultas]);
|
||||
|
||||
const fetchConsultas = async (pacienteId: string) => {
|
||||
try {
|
||||
const response = await consultaService.listarConsultas({
|
||||
paciente_id: pacienteId,
|
||||
});
|
||||
const list = response.data?.data || [];
|
||||
const mapped: Consulta[] = list.map((c) => ({
|
||||
_id: c.id || Math.random().toString(36).slice(2, 9),
|
||||
pacienteId: c.paciente_id || "",
|
||||
medicoId: c.medico_id || "",
|
||||
dataHora: c.data_hora || new Date().toISOString(),
|
||||
status: c.status || "agendada",
|
||||
tipoConsulta: c.tipo_consulta || "",
|
||||
motivoConsulta: c.motivo_consulta || "",
|
||||
observacoes: c.observacoes,
|
||||
resultados: "",
|
||||
prescricoes: "",
|
||||
proximaConsulta: "",
|
||||
criadoEm: c.created_at || new Date().toISOString(),
|
||||
}));
|
||||
setConsultas(mapped);
|
||||
} catch (error) {
|
||||
console.error("Erro ao carregar consultas:", error);
|
||||
toast.error("Erro ao carregar suas consultas");
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
};
|
||||
|
||||
const fetchMedicos = async () => {
|
||||
try {
|
||||
const response = await medicoService.listarMedicos();
|
||||
const list = response.data?.data || [];
|
||||
const mapped: Medico[] = list.map((m) => ({
|
||||
_id: m.id || Math.random().toString(36).slice(2, 9),
|
||||
nome: m.nome || "",
|
||||
especialidade: m.especialidade || "",
|
||||
valorConsulta: 0,
|
||||
}));
|
||||
setMedicos(mapped);
|
||||
} catch (error) {
|
||||
console.error("Erro ao carregar médicos:", error);
|
||||
}
|
||||
};
|
||||
|
||||
const getMedicoNome = (medicoId: string) => {
|
||||
const medico = medicos.find((m) => m._id === medicoId);
|
||||
return medico ? medico.nome : "Médico não encontrado";
|
||||
};
|
||||
|
||||
const getMedicoEspecialidade = (medicoId: string) => {
|
||||
const medico = medicos.find((m) => m._id === medicoId);
|
||||
return medico ? medico.especialidade : "";
|
||||
};
|
||||
|
||||
const getStatusColor = (status: string) => {
|
||||
switch (status) {
|
||||
case "agendada":
|
||||
return "bg-blue-100 text-blue-800";
|
||||
case "confirmada":
|
||||
return "bg-green-100 text-green-800";
|
||||
case "realizada":
|
||||
return "bg-gray-100 text-gray-800";
|
||||
case "cancelada":
|
||||
return "bg-red-100 text-red-800";
|
||||
case "faltou":
|
||||
return "bg-orange-100 text-orange-800";
|
||||
default:
|
||||
return "bg-gray-100 text-gray-800";
|
||||
}
|
||||
};
|
||||
|
||||
const getStatusIcon = (status: string) => {
|
||||
switch (status) {
|
||||
case "agendada":
|
||||
return <Clock className="w-4 h-4" />;
|
||||
case "confirmada":
|
||||
return <CheckCircle className="w-4 h-4" />;
|
||||
case "realizada":
|
||||
return <CheckCircle className="w-4 h-4" />;
|
||||
case "cancelada":
|
||||
return <XCircle className="w-4 h-4" />;
|
||||
case "faltou":
|
||||
return <AlertCircle className="w-4 h-4" />;
|
||||
default:
|
||||
return <Clock className="w-4 h-4" />;
|
||||
}
|
||||
};
|
||||
|
||||
const getStatusTexto = (status: string) => {
|
||||
switch (status) {
|
||||
case "agendada":
|
||||
return "Agendada";
|
||||
case "confirmada":
|
||||
return "Confirmada";
|
||||
case "realizada":
|
||||
return "Realizada";
|
||||
case "cancelada":
|
||||
return "Cancelada";
|
||||
case "faltou":
|
||||
return "Faltou";
|
||||
default:
|
||||
return status;
|
||||
}
|
||||
};
|
||||
|
||||
const filtrarConsultas = () => {
|
||||
let consultasFiltradas = [...consultas];
|
||||
|
||||
// Filtro por status
|
||||
if (filtroStatus !== "todas") {
|
||||
consultasFiltradas = consultasFiltradas.filter(
|
||||
(c) => c.status === filtroStatus
|
||||
);
|
||||
}
|
||||
|
||||
// Filtro por período
|
||||
const hoje = new Date();
|
||||
switch (filtroPeriodo) {
|
||||
case "proximas":
|
||||
consultasFiltradas = consultasFiltradas.filter(
|
||||
(c) =>
|
||||
isAfter(new Date(c.dataHora), hoje) &&
|
||||
(c.status === "agendada" || c.status === "confirmada")
|
||||
);
|
||||
break;
|
||||
case "hoje":
|
||||
consultasFiltradas = consultasFiltradas.filter((c) =>
|
||||
isToday(new Date(c.dataHora))
|
||||
);
|
||||
break;
|
||||
case "semana":
|
||||
{
|
||||
const proximaSemana = addDays(hoje, 7);
|
||||
consultasFiltradas = consultasFiltradas.filter(
|
||||
(c) =>
|
||||
isAfter(new Date(c.dataHora), hoje) &&
|
||||
isBefore(new Date(c.dataHora), proximaSemana)
|
||||
);
|
||||
}
|
||||
break;
|
||||
case "historico":
|
||||
consultasFiltradas = consultasFiltradas.filter((c) =>
|
||||
isBefore(new Date(c.dataHora), hoje)
|
||||
);
|
||||
break;
|
||||
}
|
||||
|
||||
return consultasFiltradas;
|
||||
};
|
||||
|
||||
const abrirDetalhes = (consulta: Consulta) => {
|
||||
setConsultaSelecionada(consulta);
|
||||
setShowDetalhes(true);
|
||||
};
|
||||
|
||||
const fecharDetalhes = () => {
|
||||
setConsultaSelecionada(null);
|
||||
setShowDetalhes(false);
|
||||
};
|
||||
|
||||
const novoAgendamento = () => {
|
||||
navigate("/agendamento");
|
||||
};
|
||||
|
||||
const logout = () => {
|
||||
localStorage.removeItem("pacienteLogado");
|
||||
navigate("/paciente");
|
||||
};
|
||||
|
||||
if (!pacienteLogado) {
|
||||
return (
|
||||
<div className="flex justify-center items-center min-h-screen">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
const consultasFiltradas = filtrarConsultas();
|
||||
|
||||
return (
|
||||
<div className="max-w-7xl mx-auto space-y-6">
|
||||
{/* Header com Gradiente Aprimorado */}
|
||||
<div className="bg-gradient-to-r from-blue-700 via-blue-600 to-blue-500 dark:from-blue-800 dark:via-blue-700 dark:to-blue-600 rounded-xl shadow-lg p-8">
|
||||
<div className="flex flex-col md:flex-row justify-between items-start md:items-center gap-6">
|
||||
<div className="text-white">
|
||||
<h1 className="text-4xl font-bold mb-2">
|
||||
Olá, {pacienteLogado.nome}!
|
||||
</h1>
|
||||
<p className="text-blue-100 text-lg">
|
||||
Gerencie suas consultas e acompanhe seu histórico médico
|
||||
</p>
|
||||
<div className="flex items-center gap-4 mt-3 text-sm text-blue-200">
|
||||
<div className="flex items-center gap-1">
|
||||
<User className="w-4 h-4" />
|
||||
<span>Paciente</span>
|
||||
</div>
|
||||
<div className="flex items-center gap-1">
|
||||
<Calendar className="w-4 h-4" />
|
||||
<span>{consultas.length} consultas registradas</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="flex gap-3 w-full md:w-auto">
|
||||
<button
|
||||
onClick={novoAgendamento}
|
||||
className="flex-1 md:flex-none flex items-center justify-center gap-2 bg-white hover:bg-blue-50 text-blue-700 px-6 py-3 rounded-lg font-medium transition-all duration-200 shadow-md hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Calendar className="w-5 h-5" />
|
||||
<span>Nova Consulta</span>
|
||||
</button>
|
||||
<button
|
||||
onClick={logout}
|
||||
className="flex items-center justify-center gap-2 bg-white/20 hover:bg-white/30 backdrop-blur-sm text-white px-6 py-3 rounded-lg font-medium transition-all duration-200 shadow-md hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2"
|
||||
>
|
||||
<LogOut className="w-5 h-5" />
|
||||
<span>Sair</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Cards de Estatísticas */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-4 gap-6">
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Total
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-gray-900 dark:text-white mt-2">
|
||||
{consultas.length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-blue-100 dark:bg-blue-900/30 p-3 rounded-lg">
|
||||
<Calendar className="w-8 h-8 text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Agendadas
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-blue-600 dark:text-blue-400 mt-2">
|
||||
{consultas.filter((c) => c.status === "agendada").length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-blue-100 dark:bg-blue-900/30 p-3 rounded-lg">
|
||||
<Clock className="w-8 h-8 text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Realizadas
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-green-600 dark:text-green-400 mt-2">
|
||||
{consultas.filter((c) => c.status === "realizada").length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-green-100 dark:bg-green-900/30 p-3 rounded-lg">
|
||||
<CheckCircle className="w-8 h-8 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Canceladas
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-red-600 dark:text-red-400 mt-2">
|
||||
{consultas.filter((c) => c.status === "cancelada").length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-red-100 dark:bg-red-900/30 p-3 rounded-lg">
|
||||
<XCircle className="w-8 h-8 text-red-600 dark:text-red-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Filtros */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700">
|
||||
<div className="flex items-center gap-3 mb-6">
|
||||
<div className="bg-blue-100 dark:bg-blue-900/30 p-2 rounded-lg">
|
||||
<Filter className="w-5 h-5 text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
<h2 className="text-xl font-semibold text-gray-900 dark:text-white">
|
||||
Filtrar Consultas
|
||||
</h2>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-6">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Status da Consulta
|
||||
</label>
|
||||
<select
|
||||
value={filtroStatus}
|
||||
onChange={(e) => setFiltroStatus(e.target.value)}
|
||||
className="form-input"
|
||||
>
|
||||
<option value="todas">Todas</option>
|
||||
<option value="agendada">Agendadas</option>
|
||||
<option value="confirmada">Confirmadas</option>
|
||||
<option value="realizada">Realizadas</option>
|
||||
<option value="cancelada">Canceladas</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 dark:text-gray-300 mb-2">
|
||||
Período
|
||||
</label>
|
||||
<select
|
||||
value={filtroPeriodo}
|
||||
onChange={(e) => setFiltroPeriodo(e.target.value)}
|
||||
className="form-input"
|
||||
>
|
||||
<option value="todos">Todos</option>
|
||||
<option value="proximas">Próximas</option>
|
||||
<option value="hoje">Hoje</option>
|
||||
<option value="semana">Próximos 7 dias</option>
|
||||
<option value="historico">Histórico</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Lista de Consultas */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md border border-gray-200 dark:border-gray-700">
|
||||
<div className="p-6 border-b border-gray-200 dark:border-gray-700">
|
||||
<div className="flex items-center justify-between">
|
||||
<h2 className="text-xl font-semibold text-gray-900 dark:text-white">
|
||||
Suas Consultas
|
||||
</h2>
|
||||
<span className="bg-blue-100 dark:bg-blue-900/30 text-blue-800 dark:text-blue-300 text-sm font-medium px-3 py-1 rounded-full">
|
||||
{consultasFiltradas.length}{" "}
|
||||
{consultasFiltradas.length === 1 ? "consulta" : "consultas"}
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{loading ? (
|
||||
<div className="flex justify-center items-center p-8">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600"></div>
|
||||
</div>
|
||||
) : consultasFiltradas.length === 0 ? (
|
||||
<div className="text-center p-12">
|
||||
<div className="bg-gray-100 dark:bg-gray-700/30 w-20 h-20 rounded-full flex items-center justify-center mx-auto mb-4">
|
||||
<Calendar className="w-10 h-10 text-gray-400 dark:text-gray-500" />
|
||||
</div>
|
||||
<h3 className="text-lg font-medium text-gray-900 dark:text-white mb-2">
|
||||
Nenhuma consulta encontrada
|
||||
</h3>
|
||||
<p className="text-gray-500 dark:text-gray-400 mb-6 max-w-md mx-auto">
|
||||
{filtroStatus !== "todas" || filtroPeriodo !== "todos"
|
||||
? "Tente ajustar os filtros para ver mais consultas."
|
||||
: "Você ainda não tem consultas agendadas."}
|
||||
</p>
|
||||
<button
|
||||
onClick={novoAgendamento}
|
||||
className="btn-primary inline-flex items-center gap-2"
|
||||
>
|
||||
<Calendar className="w-4 h-4" />
|
||||
Agendar Primeira Consulta
|
||||
</button>
|
||||
</div>
|
||||
) : (
|
||||
<div className="divide-y divide-gray-200 dark:divide-gray-700">
|
||||
{consultasFiltradas.map((consulta) => (
|
||||
<div
|
||||
key={consulta._id}
|
||||
className="p-6 hover:bg-gray-50 dark:hover:bg-gray-700/50 transition-colors"
|
||||
>
|
||||
<div className="flex items-center justify-between">
|
||||
<div className="flex-1">
|
||||
<div className="flex items-center space-x-4 mb-2">
|
||||
<span
|
||||
className={`inline-flex items-center space-x-1 px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusColor(
|
||||
consulta.status
|
||||
)}`}
|
||||
>
|
||||
{getStatusIcon(consulta.status)}
|
||||
<span>{getStatusTexto(consulta.status)}</span>
|
||||
</span>
|
||||
<span className="text-sm text-gray-500">
|
||||
{consulta.tipoConsulta}
|
||||
</span>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
|
||||
<div className="flex items-center space-x-2">
|
||||
<User className="w-4 h-4 text-gray-400" />
|
||||
<div>
|
||||
<p className="font-medium text-gray-900">
|
||||
{getMedicoNome(consulta.medicoId)}
|
||||
</p>
|
||||
<p className="text-sm text-gray-500">
|
||||
{getMedicoEspecialidade(consulta.medicoId)}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center space-x-2">
|
||||
<Calendar className="w-4 h-4 text-gray-400" />
|
||||
<div>
|
||||
<p className="font-medium text-gray-900">
|
||||
{format(new Date(consulta.dataHora), "dd/MM/yyyy", {
|
||||
locale: ptBR,
|
||||
})}
|
||||
</p>
|
||||
<p className="text-sm text-gray-500">
|
||||
{format(new Date(consulta.dataHora), "EEEE", {
|
||||
locale: ptBR,
|
||||
})}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex items-center space-x-2">
|
||||
<Clock className="w-4 h-4 text-gray-400" />
|
||||
<div>
|
||||
<p className="font-medium text-gray-900">
|
||||
{format(new Date(consulta.dataHora), "HH:mm")}
|
||||
</p>
|
||||
<p className="text-sm text-gray-500">
|
||||
{consulta.motivoConsulta || "Consulta de rotina"}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<button
|
||||
onClick={() => abrirDetalhes(consulta)}
|
||||
className="ml-4 p-2 text-gray-400 hover:text-gray-600 hover:bg-gray-100 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
aria-label="Ver detalhes da consulta"
|
||||
>
|
||||
<Eye className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Modal de Detalhes */}
|
||||
{showDetalhes && consultaSelecionada && (
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="detalhes-consulta-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<div className="p-6 border-b border-gray-200">
|
||||
<div className="flex justify-between items-center">
|
||||
<h3
|
||||
id="detalhes-consulta-title"
|
||||
className="text-lg font-semibold"
|
||||
>
|
||||
Detalhes da Consulta
|
||||
</h3>
|
||||
<button
|
||||
onClick={fecharDetalhes}
|
||||
aria-label="Fechar detalhes da consulta"
|
||||
className="p-2 hover:bg-gray-100 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-300 focus-visible:ring-offset-2"
|
||||
>
|
||||
<XCircle className="w-5 h-5" />
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="p-6 space-y-6">
|
||||
{/* Informações Básicas */}
|
||||
<div>
|
||||
<h4 className="font-semibold mb-3">Informações da Consulta</h4>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4 text-sm">
|
||||
<div>
|
||||
<span className="text-gray-500">Médico:</span>
|
||||
<p className="font-medium">
|
||||
{getMedicoNome(consultaSelecionada.medicoId)}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-gray-500">Especialidade:</span>
|
||||
<p className="font-medium">
|
||||
{getMedicoEspecialidade(consultaSelecionada.medicoId)}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-gray-500">Data:</span>
|
||||
<p className="font-medium">
|
||||
{format(
|
||||
new Date(consultaSelecionada.dataHora),
|
||||
"dd/MM/yyyy - HH:mm",
|
||||
{ locale: ptBR }
|
||||
)}
|
||||
</p>
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-gray-500">Status:</span>
|
||||
<span
|
||||
className={`inline-flex items-center space-x-1 px-2.5 py-0.5 rounded-full text-xs font-medium ${getStatusColor(
|
||||
consultaSelecionada.status
|
||||
)}`}
|
||||
>
|
||||
{getStatusIcon(consultaSelecionada.status)}
|
||||
<span>{getStatusTexto(consultaSelecionada.status)}</span>
|
||||
</span>
|
||||
</div>
|
||||
<div>
|
||||
<span className="text-gray-500">Tipo:</span>
|
||||
<p className="font-medium">
|
||||
{consultaSelecionada.tipoConsulta}
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Motivo da Consulta */}
|
||||
{consultaSelecionada.motivoConsulta && (
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">Motivo da Consulta</h4>
|
||||
<p className="text-gray-700 bg-gray-50 p-3 rounded-lg">
|
||||
{consultaSelecionada.motivoConsulta}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Observações */}
|
||||
{consultaSelecionada.observacoes && (
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">Observações</h4>
|
||||
<p className="text-gray-700 bg-gray-50 p-3 rounded-lg">
|
||||
{consultaSelecionada.observacoes}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Resultados (só aparece se a consulta foi realizada) */}
|
||||
{consultaSelecionada.status === "realizada" &&
|
||||
consultaSelecionada.resultados && (
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">
|
||||
Resultados da Consulta
|
||||
</h4>
|
||||
<p className="text-gray-700 bg-green-50 p-3 rounded-lg border-l-4 border-green-400">
|
||||
{consultaSelecionada.resultados}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Prescrições */}
|
||||
{consultaSelecionada.prescricoes && (
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">Prescrições Médicas</h4>
|
||||
<p className="text-gray-700 bg-blue-50 p-3 rounded-lg border-l-4 border-blue-400">
|
||||
{consultaSelecionada.prescricoes}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Próxima Consulta */}
|
||||
{consultaSelecionada.proximaConsulta && (
|
||||
<div>
|
||||
<h4 className="font-semibold mb-2">
|
||||
Próxima Consulta Recomendada
|
||||
</h4>
|
||||
<p className="text-gray-700 bg-yellow-50 p-3 rounded-lg border-l-4 border-yellow-400">
|
||||
{consultaSelecionada.proximaConsulta}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Data de Criação */}
|
||||
<div className="text-xs text-gray-500 pt-4 border-t">
|
||||
Agendado em:{" "}
|
||||
{format(
|
||||
new Date(consultaSelecionada.criadoEm),
|
||||
"dd/MM/yyyy às HH:mm",
|
||||
{ locale: ptBR }
|
||||
)}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default AcompanhamentoPaciente;
|
||||
@ -26,7 +26,7 @@ export default function AdminDiagnostico() {
|
||||
const decodeJwt = (token: string) => {
|
||||
try {
|
||||
const parts = token.split(".");
|
||||
if (parts.length !== 3) return { valid: false };
|
||||
if (parts.length !== 3) return { valid: false } as const;
|
||||
const payload = JSON.parse(atob(parts[1]));
|
||||
const now = Math.floor(Date.now() / 1000);
|
||||
const expired = payload.exp ? payload.exp < now : false;
|
||||
@ -37,9 +37,9 @@ export default function AdminDiagnostico() {
|
||||
sub: payload.sub,
|
||||
email: payload.email,
|
||||
role: payload.role,
|
||||
};
|
||||
} as const;
|
||||
} catch {
|
||||
return { valid: false };
|
||||
return { valid: false } as const;
|
||||
}
|
||||
};
|
||||
|
||||
@ -157,31 +157,31 @@ export default function AdminDiagnostico() {
|
||||
<div className="flex flex-wrap gap-3">
|
||||
<button
|
||||
onClick={scanTokens}
|
||||
className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700"
|
||||
className="px-4 py-2 bg-blue-600 text-white rounded hover:bg-blue-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
🔄 Escanear Tokens
|
||||
</button>
|
||||
<button
|
||||
onClick={clearExpiredTokens}
|
||||
className="px-4 py-2 bg-yellow-600 text-white rounded hover:bg-yellow-700"
|
||||
className="px-4 py-2 bg-yellow-600 text-white rounded hover:bg-yellow-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-yellow-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
🧹 Limpar Expirados
|
||||
</button>
|
||||
<button
|
||||
onClick={clearAllTokens}
|
||||
className="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700"
|
||||
className="px-4 py-2 bg-red-600 text-white rounded hover:bg-red-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
🗑️ Limpar TODOS
|
||||
</button>
|
||||
<button
|
||||
onClick={testLogin}
|
||||
className="px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700"
|
||||
className="px-4 py-2 bg-green-600 text-white rounded hover:bg-green-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
🔐 Testar Login Admin
|
||||
</button>
|
||||
<button
|
||||
onClick={() => window.location.reload()}
|
||||
className="px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700"
|
||||
className="px-4 py-2 bg-gray-600 text-white rounded hover:bg-gray-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
♻️ Recarregar Página
|
||||
</button>
|
||||
@ -191,13 +191,18 @@ export default function AdminDiagnostico() {
|
||||
{/* Tokens */}
|
||||
<div className="bg-white rounded-lg shadow p-6 mb-6">
|
||||
<h2 className="text-xl font-semibold mb-4">Tokens no localStorage</h2>
|
||||
<div className="space-y-4">
|
||||
<div
|
||||
className="space-y-4"
|
||||
role="list"
|
||||
aria-label="Lista de tokens no armazenamento local"
|
||||
>
|
||||
{tokens.length === 0 && (
|
||||
<p className="text-gray-500">Nenhum token encontrado</p>
|
||||
)}
|
||||
{tokens.map((t) => (
|
||||
<div
|
||||
key={t.key}
|
||||
role="listitem"
|
||||
className={`p-4 rounded border-2 ${
|
||||
!t.present
|
||||
? "border-gray-300 bg-gray-50"
|
||||
@ -276,8 +281,20 @@ export default function AdminDiagnostico() {
|
||||
|
||||
{/* Log */}
|
||||
<div className="bg-gray-900 text-green-400 rounded-lg shadow p-6 font-mono text-sm">
|
||||
<h2 className="text-xl font-semibold mb-4 text-white">📋 Log</h2>
|
||||
<div className="space-y-1 max-h-96 overflow-y-auto">
|
||||
<h2
|
||||
id="diagnostic-log-title"
|
||||
className="text-xl font-semibold mb-4 text-white"
|
||||
>
|
||||
📋 Log
|
||||
</h2>
|
||||
<div
|
||||
className="space-y-1 max-h-96 overflow-y-auto focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2 rounded"
|
||||
role="log"
|
||||
aria-live="polite"
|
||||
aria-relevant="additions text"
|
||||
aria-labelledby="diagnostic-log-title"
|
||||
tabIndex={0}
|
||||
>
|
||||
{log.length === 0 && (
|
||||
<p className="text-gray-500">Nenhuma ação ainda</p>
|
||||
)}
|
||||
|
||||
@ -1,6 +1,8 @@
|
||||
import React, { useState, useEffect } from "react";
|
||||
import { Calendar, User, FileText, CheckCircle, LogOut } from "lucide-react";
|
||||
import consultaService from "../services/consultaService";
|
||||
// import consultaService from "../services/consultaService"; // não utilizado após integração com appointmentService
|
||||
import { appointmentService } from "../services";
|
||||
import AvailableSlotsPicker from "../components/agenda/AvailableSlotsPicker";
|
||||
import medicoService from "../services/medicoService";
|
||||
import toast from "react-hot-toast";
|
||||
import { format, addDays } from "date-fns";
|
||||
@ -38,7 +40,7 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
observacoes: "",
|
||||
});
|
||||
|
||||
const [horariosDisponiveis, setHorariosDisponiveis] = useState<string[]>([]);
|
||||
// Slots são carregados diretamente pelo AvailableSlotsPicker
|
||||
const navigate = useNavigate();
|
||||
|
||||
useEffect(() => {
|
||||
@ -135,60 +137,14 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
}
|
||||
};
|
||||
|
||||
const buscarHorariosDisponiveis = async (medicoId: string, data: string) => {
|
||||
try {
|
||||
const medico = medicos.find((m) => m._id === medicoId);
|
||||
if (!medico) return;
|
||||
|
||||
const dataObj = new Date(data);
|
||||
const diaSemana = [
|
||||
"domingo",
|
||||
"segunda",
|
||||
"terca",
|
||||
"quarta",
|
||||
"quinta",
|
||||
"sexta",
|
||||
"sabado",
|
||||
][dataObj.getDay()];
|
||||
|
||||
const horariosDoMedico = medico.horarioAtendimento[diaSemana] || [];
|
||||
|
||||
// Buscar consultas já agendadas nesta data
|
||||
const response = await consultaService.listarConsultas({
|
||||
medico_id: medicoId,
|
||||
data_inicio: data,
|
||||
data_fim: data,
|
||||
});
|
||||
|
||||
const consultasAgendadas = response.data?.data || [];
|
||||
const horariosOcupados = consultasAgendadas.map(
|
||||
(consulta: { data_hora: string }) => {
|
||||
const hora = new Date(consulta.data_hora).toTimeString().slice(0, 5);
|
||||
return hora;
|
||||
}
|
||||
);
|
||||
|
||||
const horariosLivres = horariosDoMedico.filter(
|
||||
(horario) => !horariosOcupados.includes(horario)
|
||||
);
|
||||
|
||||
setHorariosDisponiveis(horariosLivres);
|
||||
} catch (error) {
|
||||
console.error("Erro ao buscar horários:", error);
|
||||
toast.error("Erro ao carregar horários disponíveis");
|
||||
}
|
||||
};
|
||||
// Horários disponíveis agora são resolvidos no componente de slots
|
||||
|
||||
const handleMedicoChange = (medicoId: string) => {
|
||||
setAgendamento((prev) => ({ ...prev, medicoId, data: "", horario: "" }));
|
||||
setHorariosDisponiveis([]);
|
||||
};
|
||||
|
||||
const handleDataChange = (data: string) => {
|
||||
setAgendamento((prev) => ({ ...prev, data, horario: "" }));
|
||||
if (agendamento.medicoId && data) {
|
||||
buscarHorariosDisponiveis(agendamento.medicoId, data);
|
||||
}
|
||||
};
|
||||
|
||||
const confirmarAgendamento = async () => {
|
||||
@ -205,16 +161,12 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
`${agendamento.data}T${agendamento.horario}:00.000Z`
|
||||
);
|
||||
|
||||
await consultaService.criarConsulta({
|
||||
paciente_id: pacienteLogado._id,
|
||||
medico_id: agendamento.medicoId,
|
||||
data_hora: dataHora.toISOString(),
|
||||
tipo_consulta: agendamento.tipoConsulta as
|
||||
| "primeira_vez"
|
||||
| "retorno"
|
||||
| "emergencia"
|
||||
| "rotina",
|
||||
motivo_consulta: agendamento.motivoConsulta,
|
||||
await appointmentService.createAppointment({
|
||||
patient_id: pacienteLogado._id,
|
||||
doctor_id: agendamento.medicoId,
|
||||
scheduled_at: dataHora.toISOString(),
|
||||
appointment_type: "presencial",
|
||||
chief_complaint: agendamento.motivoConsulta,
|
||||
});
|
||||
|
||||
toast.success("Consulta agendada com sucesso!");
|
||||
@ -236,7 +188,6 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
motivoConsulta: "",
|
||||
observacoes: "",
|
||||
});
|
||||
setHorariosDisponiveis([]);
|
||||
setEtapa(1);
|
||||
};
|
||||
|
||||
@ -320,7 +271,7 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
return (
|
||||
<div className="max-w-4xl mx-auto">
|
||||
{/* Header com informações do paciente */}
|
||||
<div className="bg-gradient-to-r from-blue-700 to-blue-400 rounded-lg p-6 mb-8 text-white">
|
||||
<div className="bg-gradient-to-r from-blue-700 to-blue-500 rounded-xl p-6 mb-8 text-white shadow">
|
||||
<div className="flex justify-between items-center">
|
||||
<div>
|
||||
<h1 className="text-2xl font-bold">
|
||||
@ -330,7 +281,7 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
</div>
|
||||
<button
|
||||
onClick={logout}
|
||||
className="flex items-center space-x-2 bg-white/20 hover:bg-white/30 px-4 py-2 rounded-lg transition-colors"
|
||||
className="flex items-center space-x-2 bg-white/20 hover:bg-white/30 px-4 py-2 rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white/70"
|
||||
>
|
||||
<LogOut className="w-4 h-4" />
|
||||
<span>Sair</span>
|
||||
@ -364,7 +315,7 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
))}
|
||||
</div>
|
||||
|
||||
<div className="bg-white rounded-lg shadow-md p-6">
|
||||
<div className="bg-white rounded-xl shadow border border-gray-200 p-6">
|
||||
{/* Etapa 1: Seleção de Médico */}
|
||||
{etapa === 1 && (
|
||||
<div className="space-y-6">
|
||||
@ -432,45 +383,32 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
</select>
|
||||
</div>
|
||||
|
||||
{agendamento.data && (
|
||||
{agendamento.data && agendamento.medicoId && (
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Horário Disponível
|
||||
Horários Disponíveis
|
||||
</label>
|
||||
{horariosDisponiveis.length > 0 ? (
|
||||
<div className="grid grid-cols-3 md:grid-cols-4 gap-3">
|
||||
{horariosDisponiveis.map((horario) => (
|
||||
<button
|
||||
key={horario}
|
||||
onClick={() =>
|
||||
setAgendamento((prev) => ({ ...prev, horario }))
|
||||
}
|
||||
className={`p-3 border rounded-lg text-center transition-colors ${
|
||||
agendamento.horario === horario
|
||||
? "bg-blue-600 text-white border-blue-600"
|
||||
: "bg-white text-gray-700 border-gray-300 hover:border-blue-300"
|
||||
}`}
|
||||
>
|
||||
{horario}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
) : (
|
||||
<p className="text-gray-500 text-center py-4">
|
||||
Nenhum horário disponível para esta data
|
||||
</p>
|
||||
)}
|
||||
<AvailableSlotsPicker
|
||||
doctorId={agendamento.medicoId}
|
||||
date={agendamento.data}
|
||||
onSelect={(t) =>
|
||||
setAgendamento((prev) => ({ ...prev, horario: t }))
|
||||
}
|
||||
/>
|
||||
</div>
|
||||
)}
|
||||
|
||||
<div className="flex justify-between">
|
||||
<button onClick={() => setEtapa(1)} className="btn-secondary">
|
||||
<button
|
||||
onClick={() => setEtapa(1)}
|
||||
className="btn-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-300"
|
||||
>
|
||||
Voltar
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setEtapa(3)}
|
||||
disabled={!agendamento.data || !agendamento.horario}
|
||||
className="btn-primary disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
disabled={!agendamento.horario}
|
||||
className="btn-primary disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
Próximo
|
||||
</button>
|
||||
@ -543,7 +481,7 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
</div>
|
||||
|
||||
{/* Resumo do Agendamento */}
|
||||
<div className="bg-gray-50 rounded-lg p-4">
|
||||
<div className="bg-gray-50 rounded-lg p-4 border border-gray-200">
|
||||
<h3 className="font-semibold mb-3">Resumo do Agendamento:</h3>
|
||||
<div className="space-y-1 text-sm">
|
||||
<p>
|
||||
@ -568,13 +506,16 @@ const AgendamentoPaciente: React.FC = () => {
|
||||
</div>
|
||||
|
||||
<div className="flex justify-between">
|
||||
<button onClick={() => setEtapa(2)} className="btn-secondary">
|
||||
<button
|
||||
onClick={() => setEtapa(2)}
|
||||
className="btn-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-300"
|
||||
>
|
||||
Voltar
|
||||
</button>
|
||||
<button
|
||||
onClick={confirmarAgendamento}
|
||||
disabled={loading}
|
||||
className="btn-primary disabled:opacity-50 disabled:cursor-not-allowed"
|
||||
className="btn-primary disabled:opacity-50 disabled:cursor-not-allowed focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
{loading ? "Agendando..." : "Confirmar Agendamento"}
|
||||
</button>
|
||||
|
||||
@ -202,14 +202,14 @@ const CadastroMedico: React.FC = () => {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => navigate("/login-medico")}
|
||||
className="flex-1 bg-gray-100 text-gray-700 py-3 px-4 rounded-lg font-medium hover:bg-gray-200 transition-colors"
|
||||
className="flex-1 bg-gray-100 text-gray-700 py-3 px-4 rounded-lg font-medium hover:bg-gray-200 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Voltar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="flex-1 bg-gradient-to-r from-indigo-600 to-indigo-400 text-white py-3 px-4 rounded-lg font-medium hover:from-indigo-700 hover:to-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed transition-all"
|
||||
className="flex-1 bg-gradient-to-r from-indigo-600 to-indigo-400 text-white py-3 px-4 rounded-lg font-medium hover:from-indigo-700 hover:to-indigo-500 disabled:opacity-50 disabled:cursor-not-allowed transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading ? "Cadastrando..." : "Cadastrar"}
|
||||
</button>
|
||||
|
||||
@ -301,7 +301,7 @@ const CadastroPaciente: React.FC = () => {
|
||||
<button
|
||||
type="button"
|
||||
onClick={handleBuscarCEP}
|
||||
className="px-3 py-2 text-xs rounded-md bg-blue-100 hover:bg-blue-200 text-blue-700 font-medium"
|
||||
className="px-3 py-2 text-xs rounded-md bg-blue-100 hover:bg-blue-200 text-blue-700 font-medium focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
Buscar
|
||||
</button>
|
||||
@ -384,14 +384,14 @@ const CadastroPaciente: React.FC = () => {
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => navigate("/paciente")}
|
||||
className="flex-1 bg-gray-100 text-gray-700 py-3 px-4 rounded-lg font-medium hover:bg-gray-200 transition-colors"
|
||||
className="flex-1 bg-gray-100 text-gray-700 py-3 px-4 rounded-lg font-medium hover:bg-gray-200 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Voltar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="flex-1 bg-gradient-to-r from-blue-600 to-blue-400 text-white py-3 px-4 rounded-lg font-medium hover:from-blue-700 hover:to-blue-500 disabled:opacity-50 transition-all"
|
||||
className="flex-1 bg-gradient-to-r from-blue-600 to-blue-400 text-white py-3 px-4 rounded-lg font-medium hover:from-blue-700 hover:to-blue-500 disabled:opacity-50 transition-all focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading ? "Cadastrando..." : "Cadastrar"}
|
||||
</button>
|
||||
|
||||
@ -258,7 +258,7 @@ const CadastroSecretaria: React.FC = () => {
|
||||
|
||||
<button
|
||||
onClick={() => setShowForm(true)}
|
||||
className="btn-primary mt-4 md:mt-0"
|
||||
className="btn-primary mt-4 md:mt-0 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
<UserPlus className="w-5 h-5 mr-2" />
|
||||
Novo Paciente
|
||||
@ -362,7 +362,7 @@ const CadastroSecretaria: React.FC = () => {
|
||||
<div className="bg-white rounded-lg shadow-md overflow-hidden">
|
||||
<div className="overflow-x-auto">
|
||||
<table className="min-w-full divide-y divide-gray-200">
|
||||
<thead className="bg-gradient-to-l from-blue-700 to-blue-400">
|
||||
<thead className="sticky top-0 z-10 bg-gradient-to-l from-blue-700 to-blue-400">
|
||||
<tr>
|
||||
<th className="px-6 py-3 text-left text-xs font-medium text-white uppercase tracking-wider">
|
||||
Paciente
|
||||
@ -387,7 +387,10 @@ const CadastroSecretaria: React.FC = () => {
|
||||
const imcStatus = imc ? getIMCStatus(parseFloat(imc)) : null;
|
||||
|
||||
return (
|
||||
<tr key={paciente._id} className="hover:bg-gray-50">
|
||||
<tr
|
||||
key={paciente._id}
|
||||
className="odd:bg-white even:bg-gray-50 hover:bg-gray-100"
|
||||
>
|
||||
<td className="px-6 py-4 whitespace-nowrap">
|
||||
<div>
|
||||
<div className="text-sm font-medium text-gray-900">
|
||||
@ -467,13 +470,15 @@ const CadastroSecretaria: React.FC = () => {
|
||||
<div className="flex space-x-2">
|
||||
<button
|
||||
onClick={() => handleEdit(paciente)}
|
||||
className="text-blue-600 hover:text-blue-900"
|
||||
className="inline-flex items-center p-1.5 rounded-lg text-blue-600 hover:text-blue-900 hover:bg-blue-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
aria-label="Editar paciente"
|
||||
>
|
||||
<Edit className="w-4 h-4" />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDelete(paciente._id)}
|
||||
className="text-red-600 hover:text-red-900"
|
||||
className="inline-flex items-center p-1.5 rounded-lg text-red-600 hover:text-red-900 hover:bg-red-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-red-500"
|
||||
aria-label="Excluir paciente"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
</button>
|
||||
@ -490,10 +495,18 @@ const CadastroSecretaria: React.FC = () => {
|
||||
|
||||
{/* Modal de Formulário */}
|
||||
{showForm && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center z-50 p-4"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="cadastro-secretaria-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<div className="p-6">
|
||||
<h3 className="text-lg font-semibold mb-6">
|
||||
<h3
|
||||
id="cadastro-secretaria-title"
|
||||
className="text-lg font-semibold mb-6"
|
||||
>
|
||||
{editingPaciente ? "Editar Paciente" : "Novo Paciente"}
|
||||
</h3>
|
||||
|
||||
@ -788,14 +801,14 @@ const CadastroSecretaria: React.FC = () => {
|
||||
<button
|
||||
type="button"
|
||||
// onClick removido, resetForm não existe
|
||||
className="btn-secondary"
|
||||
className="btn-secondary focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-gray-300"
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="btn-primary disabled:opacity-50"
|
||||
className="btn-primary disabled:opacity-50 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-blue-500"
|
||||
>
|
||||
{loading
|
||||
? "Salvando..."
|
||||
|
||||
411
MEDICONNECT 2/src/pages/CentralAjuda.tsx
Normal file
411
MEDICONNECT 2/src/pages/CentralAjuda.tsx
Normal file
@ -0,0 +1,411 @@
|
||||
import React, { useState } from "react";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import {
|
||||
MessageCircle,
|
||||
Phone,
|
||||
Mail,
|
||||
Search,
|
||||
ChevronDown,
|
||||
BookOpen,
|
||||
Video,
|
||||
FileText,
|
||||
Shield,
|
||||
AlertCircle,
|
||||
Headphones,
|
||||
ArrowLeft,
|
||||
} from "lucide-react";
|
||||
|
||||
interface FAQ {
|
||||
question: string;
|
||||
answer: string;
|
||||
category: string;
|
||||
}
|
||||
|
||||
const faqs: FAQ[] = [
|
||||
{
|
||||
category: "Agendamento",
|
||||
question: "Como agendar uma consulta?",
|
||||
answer:
|
||||
"Para agendar uma consulta, vá até a seção 'Agendar Consulta' no menu lateral, selecione o médico desejado, escolha uma data e horário disponível, e confirme o agendamento. Você receberá uma confirmação por e-mail.",
|
||||
},
|
||||
{
|
||||
category: "Agendamento",
|
||||
question: "Posso cancelar ou remarcar uma consulta?",
|
||||
answer:
|
||||
"Sim, você pode cancelar ou remarcar suas consultas em 'Minhas Consultas'. Recomendamos fazer isso com pelo menos 24 horas de antecedência para evitar taxas de cancelamento.",
|
||||
},
|
||||
{
|
||||
category: "Agendamento",
|
||||
question: "Posso agendar consulta para outra pessoa?",
|
||||
answer:
|
||||
"Sim, você pode agendar consultas para dependentes cadastrados em seu perfil. Basta selecioná-los no momento do agendamento.",
|
||||
},
|
||||
{
|
||||
category: "Consultas",
|
||||
question: "Como funciona a teleconsulta?",
|
||||
answer:
|
||||
"A teleconsulta é realizada por videochamada. No horário da consulta, acesse 'Minhas Consultas' e clique em 'Iniciar Consulta Online'. Certifique-se de ter uma conexão estável de internet e permita o acesso à câmera e microfone.",
|
||||
},
|
||||
{
|
||||
category: "Consultas",
|
||||
question: "Quanto tempo antes devo chegar para a consulta presencial?",
|
||||
answer:
|
||||
"Recomendamos chegar com 15 minutos de antecedência para realizar o check-in e atualizar suas informações cadastrais se necessário.",
|
||||
},
|
||||
{
|
||||
category: "Consultas",
|
||||
question: "Como acesso o histórico das minhas consultas?",
|
||||
answer:
|
||||
"Seu histórico completo de consultas está disponível em 'Minhas Consultas'. Lá você pode ver consultas realizadas, relatórios médicos e prescrições anteriores.",
|
||||
},
|
||||
{
|
||||
category: "Pagamento",
|
||||
question: "Quais formas de pagamento são aceitas?",
|
||||
answer:
|
||||
"Aceitamos cartão de crédito, débito, PIX e boleto bancário. Os pagamentos são processados de forma segura através da nossa plataforma.",
|
||||
},
|
||||
{
|
||||
category: "Pagamento",
|
||||
question: "Posso parcelar o pagamento?",
|
||||
answer:
|
||||
"Sim, oferecemos parcelamento em até 3x sem juros no cartão de crédito para consultas acima de R$ 150,00.",
|
||||
},
|
||||
{
|
||||
category: "Pagamento",
|
||||
question: "Como funciona o reembolso em caso de cancelamento?",
|
||||
answer:
|
||||
"Cancelamentos feitos com mais de 24 horas de antecedência têm reembolso integral. Cancelamentos com menos de 24 horas podem ter retenção de 30% como taxa administrativa.",
|
||||
},
|
||||
{
|
||||
category: "Informações Médicas",
|
||||
question: "Como acesso meu histórico médico?",
|
||||
answer:
|
||||
"Seu histórico médico, incluindo consultas anteriores, exames e receitas, pode ser acessado na seção 'Meu Perfil'. Você pode fazer download de documentos quando necessário.",
|
||||
},
|
||||
{
|
||||
category: "Informações Médicas",
|
||||
question: "Os médicos têm acesso ao meu histórico completo?",
|
||||
answer:
|
||||
"Sim, os médicos da plataforma têm acesso ao seu histórico de consultas e exames realizados dentro do sistema para oferecer melhor atendimento.",
|
||||
},
|
||||
{
|
||||
category: "Informações Médicas",
|
||||
question: "Posso adicionar exames feitos fora da plataforma?",
|
||||
answer:
|
||||
"Sim, você pode fazer upload de exames e documentos médicos externos na seção 'Meu Perfil' > 'Documentos Médicos'.",
|
||||
},
|
||||
{
|
||||
category: "Segurança",
|
||||
question: "Meus dados estão seguros?",
|
||||
answer:
|
||||
"Sim, utilizamos criptografia de ponta a ponta e seguimos todos os protocolos da LGPD para proteger seus dados pessoais e médicos.",
|
||||
},
|
||||
{
|
||||
category: "Segurança",
|
||||
question: "Quem tem acesso às minhas informações?",
|
||||
answer:
|
||||
"Apenas você, os médicos que te atendem e profissionais autorizados da clínica têm acesso às suas informações. Nunca compartilhamos seus dados com terceiros sem autorização.",
|
||||
},
|
||||
{
|
||||
category: "Suporte",
|
||||
question: "Como entro em contato com o suporte?",
|
||||
answer:
|
||||
"Você pode entrar em contato através do chat online, telefone (0800-123-4567) ou e-mail (secretaria.mediconnect@gmail.com). Horário de atendimento: Segunda a Sexta, das 8h às 18h.",
|
||||
},
|
||||
{
|
||||
category: "Suporte",
|
||||
question: "O que fazer em caso de emergência?",
|
||||
answer:
|
||||
"Em casos de emergência, procure imediatamente o pronto-socorro mais próximo ou ligue para 192 (SAMU). Nossa plataforma é destinada a consultas agendadas e não substitui o atendimento de emergência.",
|
||||
},
|
||||
{
|
||||
category: "Médicos",
|
||||
question: "Posso escolher qualquer médico?",
|
||||
answer:
|
||||
"Sim, você pode escolher qualquer médico disponível na plataforma. Recomendamos verificar a especialidade, avaliações de outros pacientes e disponibilidade antes de agendar.",
|
||||
},
|
||||
{
|
||||
category: "Médicos",
|
||||
question: "Como avaliar um médico após a consulta?",
|
||||
answer:
|
||||
"Após cada consulta, você receberá um convite por e-mail para avaliar o atendimento. Você também pode avaliar acessando 'Minhas Consultas' e selecionando a consulta realizada.",
|
||||
},
|
||||
];
|
||||
|
||||
const CentralAjuda: React.FC = () => {
|
||||
const navigate = useNavigate();
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const [expandedIndex, setExpandedIndex] = useState<number | null>(null);
|
||||
const [selectedCategory, setSelectedCategory] = useState<string>("Todas");
|
||||
|
||||
const categories = [
|
||||
"Todas",
|
||||
...Array.from(new Set(faqs.map((faq) => faq.category))),
|
||||
];
|
||||
|
||||
const filteredFaqs = faqs.filter((faq) => {
|
||||
const matchesSearch =
|
||||
faq.question.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
||||
faq.answer.toLowerCase().includes(searchTerm.toLowerCase());
|
||||
const matchesCategory =
|
||||
selectedCategory === "Todas" || faq.category === selectedCategory;
|
||||
return matchesSearch && matchesCategory;
|
||||
});
|
||||
|
||||
const toggleFaq = (index: number) => {
|
||||
setExpandedIndex(expandedIndex === index ? null : index);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 dark:bg-gray-900">
|
||||
{/* Header */}
|
||||
<div className="bg-gradient-to-br from-blue-600 to-blue-400 dark:from-blue-700 dark:to-blue-500 text-white py-12">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="relative">
|
||||
<button
|
||||
onClick={() => navigate("/acompanhamento")}
|
||||
className="absolute left-0 top-0 flex items-center gap-2 px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg transition-colors backdrop-blur-sm"
|
||||
>
|
||||
<ArrowLeft className="h-5 w-5" />
|
||||
<span>Voltar ao Painel</span>
|
||||
</button>
|
||||
<div className="text-center">
|
||||
<Headphones className="h-16 w-16 mx-auto mb-4" />
|
||||
<h1 className="text-4xl font-bold mb-2">Central de Ajuda</h1>
|
||||
<p className="text-blue-100 text-lg">
|
||||
Encontre respostas para suas dúvidas rapidamente
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
{/* Quick Contact Cards */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 -mt-16 mb-8">
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="h-14 w-14 rounded-full bg-blue-100 dark:bg-blue-900 flex items-center justify-center mb-4">
|
||||
<MessageCircle className="h-7 w-7 text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||
Chat Online
|
||||
</h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
|
||||
Fale conosco em tempo real
|
||||
</p>
|
||||
<button className="w-full bg-blue-600 hover:bg-blue-700 text-white py-2 px-4 rounded-lg transition-colors">
|
||||
Iniciar Chat
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="h-14 w-14 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mb-4">
|
||||
<Phone className="h-7 w-7 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||
Telefone
|
||||
</h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
|
||||
0800-123-4567
|
||||
</p>
|
||||
<button className="w-full border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 py-2 px-4 rounded-lg transition-colors">
|
||||
Ligar Agora
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="h-14 w-14 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mb-4">
|
||||
<Mail className="h-7 w-7 text-purple-600 dark:text-purple-400" />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||
E-mail
|
||||
</h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
|
||||
secretaria.mediconnect@gmail.com
|
||||
</p>
|
||||
<button className="w-full border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 py-2 px-4 rounded-lg transition-colors">
|
||||
Enviar E-mail
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Search and Filter */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 mb-8">
|
||||
<h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-2">
|
||||
Perguntas Frequentes
|
||||
</h2>
|
||||
<p className="text-gray-600 dark:text-gray-400 mb-6">
|
||||
Busque por palavras-chave ou navegue pelas categorias
|
||||
</p>
|
||||
|
||||
{/* Search Box */}
|
||||
<div className="relative mb-6">
|
||||
<Search className="absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Buscar em perguntas frequentes..."
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
className="w-full pl-12 pr-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent dark:bg-gray-700 dark:text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Category Filter */}
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{categories.map((category) => (
|
||||
<button
|
||||
key={category}
|
||||
onClick={() => setSelectedCategory(category)}
|
||||
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
|
||||
selectedCategory === category
|
||||
? "bg-blue-600 text-white"
|
||||
: "bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
|
||||
}`}
|
||||
>
|
||||
{category}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* FAQ Accordion */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 mb-8">
|
||||
<div className="space-y-4">
|
||||
{filteredFaqs.map((faq, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"
|
||||
>
|
||||
<button
|
||||
onClick={() => toggleFaq(index)}
|
||||
className="w-full flex items-center justify-between p-4 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
|
||||
>
|
||||
<div className="flex items-start gap-3 flex-1">
|
||||
<span className="px-2 py-1 bg-blue-100 dark:bg-blue-900 text-blue-600 dark:text-blue-400 text-xs font-medium rounded">
|
||||
{faq.category}
|
||||
</span>
|
||||
<span className="text-gray-900 dark:text-white font-medium">
|
||||
{faq.question}
|
||||
</span>
|
||||
</div>
|
||||
<ChevronDown
|
||||
className={`h-5 w-5 text-gray-400 transition-transform flex-shrink-0 ml-4 ${
|
||||
expandedIndex === index ? "transform rotate-180" : ""
|
||||
}`}
|
||||
/>
|
||||
</button>
|
||||
{expandedIndex === index && (
|
||||
<div className="px-4 pb-4 pt-2 bg-gray-50 dark:bg-gray-700/50">
|
||||
<p className="text-gray-600 dark:text-gray-300 leading-relaxed pl-16">
|
||||
{faq.answer}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{filteredFaqs.length === 0 && (
|
||||
<div className="text-center py-12">
|
||||
<AlertCircle className="h-12 w-12 text-gray-400 mx-auto mb-3" />
|
||||
<p className="text-gray-500 dark:text-gray-400 text-lg">
|
||||
Nenhuma pergunta encontrada para "{searchTerm}"
|
||||
</p>
|
||||
<p className="text-gray-400 dark:text-gray-500 text-sm mt-2">
|
||||
Tente outro termo de busca ou entre em contato conosco
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Additional Resources */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6">
|
||||
<h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-6">
|
||||
Recursos Adicionais
|
||||
</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-blue-100 dark:bg-blue-900 flex items-center justify-center flex-shrink-0">
|
||||
<BookOpen className="h-6 w-6 text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Guia do Usuário
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Manual completo da plataforma
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-red-100 dark:bg-red-900 flex items-center justify-center flex-shrink-0">
|
||||
<Video className="h-6 w-6 text-red-600 dark:text-red-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Vídeos Tutoriais
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Aprenda assistindo
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-green-100 dark:bg-green-900 flex items-center justify-center flex-shrink-0">
|
||||
<FileText className="h-6 w-6 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Termos de Uso
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Leia nossos termos
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-purple-100 dark:bg-purple-900 flex items-center justify-center flex-shrink-0">
|
||||
<Shield className="h-6 w-6 text-purple-600 dark:text-purple-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Política de Privacidade
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Como protegemos seus dados
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div className="bg-gradient-to-br from-blue-600 to-blue-400 dark:from-blue-700 dark:to-blue-500 rounded-xl shadow-md p-8 mt-8 text-center text-white">
|
||||
<h2 className="text-2xl font-bold mb-3">Ainda tem dúvidas?</h2>
|
||||
<p className="text-blue-100 mb-6">
|
||||
Nossa equipe está pronta para ajudar você
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<button className="bg-white text-blue-600 hover:bg-blue-50 px-6 py-3 rounded-lg font-medium transition-colors">
|
||||
Falar com Suporte
|
||||
</button>
|
||||
<button className="border-2 border-white text-white hover:bg-white/10 px-6 py-3 rounded-lg font-medium transition-colors">
|
||||
Agendar Retorno de Ligação
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CentralAjuda;
|
||||
415
MEDICONNECT 2/src/pages/CentralAjudaMedico.tsx
Normal file
415
MEDICONNECT 2/src/pages/CentralAjudaMedico.tsx
Normal file
@ -0,0 +1,415 @@
|
||||
import React, { useState } from "react";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import {
|
||||
MessageCircle,
|
||||
Phone,
|
||||
Mail,
|
||||
Search,
|
||||
ChevronDown,
|
||||
BookOpen,
|
||||
Video,
|
||||
FileText,
|
||||
Shield,
|
||||
AlertCircle,
|
||||
Headphones,
|
||||
ArrowLeft,
|
||||
} from "lucide-react";
|
||||
|
||||
interface FAQ {
|
||||
question: string;
|
||||
answer: string;
|
||||
category: string;
|
||||
}
|
||||
|
||||
const faqsMedico: FAQ[] = [
|
||||
{
|
||||
category: "Agenda",
|
||||
question: "Como gerenciar minha disponibilidade?",
|
||||
answer:
|
||||
"Acesse 'Disponibilidade' no menu lateral para configurar seus horários de atendimento. Você pode definir horários recorrentes e adicionar exceções para datas específicas.",
|
||||
},
|
||||
{
|
||||
category: "Agenda",
|
||||
question: "Posso bloquear horários específicos?",
|
||||
answer:
|
||||
"Sim, na seção 'Disponibilidade', você pode adicionar exceções para bloquear horários em datas específicas, como férias ou compromissos pessoais.",
|
||||
},
|
||||
{
|
||||
category: "Agenda",
|
||||
question: "Como visualizar minhas próximas consultas?",
|
||||
answer:
|
||||
"No Dashboard, você verá um resumo das próximas consultas. Para ver detalhes completos, acesse a seção 'Consultas' no menu lateral.",
|
||||
},
|
||||
{
|
||||
category: "Consultas",
|
||||
question: "Como realizar uma teleconsulta?",
|
||||
answer:
|
||||
"No horário da consulta, acesse 'Consultas', localize o agendamento e clique em 'Iniciar Consulta Online'. Certifique-se de ter uma boa conexão de internet.",
|
||||
},
|
||||
{
|
||||
category: "Consultas",
|
||||
question: "Posso cancelar ou remarcar uma consulta?",
|
||||
answer:
|
||||
"Sim, acesse 'Consultas', selecione o agendamento desejado e escolha a opção de cancelar ou remarcar. O paciente será notificado automaticamente.",
|
||||
},
|
||||
{
|
||||
category: "Consultas",
|
||||
question: "Como registro o prontuário após a consulta?",
|
||||
answer:
|
||||
"Após finalizar a consulta, clique em 'Adicionar Relatório' para registrar anamnese, diagnóstico, prescrição e orientações.",
|
||||
},
|
||||
{
|
||||
category: "Relatórios",
|
||||
question: "Como criar relatórios médicos?",
|
||||
answer:
|
||||
"Na seção 'Relatórios', você pode criar novos documentos médicos incluindo anamnese, exame físico, diagnóstico e prescrição. Os relatórios ficam vinculados ao histórico do paciente.",
|
||||
},
|
||||
{
|
||||
category: "Relatórios",
|
||||
question: "Os pacientes têm acesso aos relatórios?",
|
||||
answer:
|
||||
"Sim, após você criar e salvar um relatório, o paciente pode acessá-lo em seu painel pessoal.",
|
||||
},
|
||||
{
|
||||
category: "Relatórios",
|
||||
question: "Posso editar um relatório após criado?",
|
||||
answer:
|
||||
"Sim, você pode editar relatórios acessando a seção 'Relatórios' e selecionando o documento desejado.",
|
||||
},
|
||||
{
|
||||
category: "Pacientes",
|
||||
question: "Como acesso o histórico completo de um paciente?",
|
||||
answer:
|
||||
"Durante ou após uma consulta, clique no nome do paciente para ver seu histórico completo de consultas, exames e relatórios anteriores.",
|
||||
},
|
||||
{
|
||||
category: "Pacientes",
|
||||
question: "Como adicionar anotações privadas sobre um paciente?",
|
||||
answer:
|
||||
"No prontuário do paciente, você pode adicionar observações que ficam visíveis apenas para você e outros médicos autorizados.",
|
||||
},
|
||||
{
|
||||
category: "Pagamento",
|
||||
question: "Como recebo pelos atendimentos?",
|
||||
answer:
|
||||
"Os pagamentos são processados automaticamente pela plataforma. Você receberá seus honorários na conta bancária cadastrada de acordo com o cronograma estabelecido.",
|
||||
},
|
||||
{
|
||||
category: "Pagamento",
|
||||
question: "Posso definir valores diferentes por tipo de consulta?",
|
||||
answer:
|
||||
"Sim, você pode configurar valores específicos para consultas presenciais e teleconsultas em 'Configurações'.",
|
||||
},
|
||||
{
|
||||
category: "Sistema",
|
||||
question: "Como atualizar meus dados cadastrais?",
|
||||
answer:
|
||||
"Acesse 'Configurações' no menu lateral para atualizar suas informações pessoais, dados bancários, especialidades e outras configurações.",
|
||||
},
|
||||
{
|
||||
category: "Sistema",
|
||||
question: "Como funciona a notificação de novos agendamentos?",
|
||||
answer:
|
||||
"Você receberá notificações por e-mail e SMS sempre que um novo agendamento for realizado. Você pode configurar suas preferências em 'Configurações'.",
|
||||
},
|
||||
{
|
||||
category: "Sistema",
|
||||
question: "Meus dados estão seguros?",
|
||||
answer:
|
||||
"Sim, utilizamos criptografia de ponta a ponta e seguimos rigorosamente os protocolos da LGPD para proteger todos os dados médicos e pessoais.",
|
||||
},
|
||||
{
|
||||
category: "Suporte",
|
||||
question: "Como reportar problemas técnicos?",
|
||||
answer:
|
||||
"Entre em contato através do chat online, telefone (0800-123-4567) ou e-mail (secretaria.mediconnect@gmail.com). Nossa equipe técnica está disponível de segunda a sexta, das 8h às 18h.",
|
||||
},
|
||||
{
|
||||
category: "Suporte",
|
||||
question: "Existe treinamento para usar a plataforma?",
|
||||
answer:
|
||||
"Sim, oferecemos vídeos tutoriais e documentação completa. Você também pode agendar uma sessão de treinamento personalizada com nossa equipe.",
|
||||
},
|
||||
];
|
||||
|
||||
const CentralAjudaMedico: React.FC = () => {
|
||||
const navigate = useNavigate();
|
||||
const [searchTerm, setSearchTerm] = useState("");
|
||||
const [expandedIndex, setExpandedIndex] = useState<number | null>(null);
|
||||
const [selectedCategory, setSelectedCategory] = useState<string>("Todas");
|
||||
|
||||
const categories = [
|
||||
"Todas",
|
||||
...Array.from(new Set(faqsMedico.map((faq) => faq.category))),
|
||||
];
|
||||
|
||||
const filteredFaqs = faqsMedico.filter((faq) => {
|
||||
const matchesSearch =
|
||||
faq.question.toLowerCase().includes(searchTerm.toLowerCase()) ||
|
||||
faq.answer.toLowerCase().includes(searchTerm.toLowerCase());
|
||||
const matchesCategory =
|
||||
selectedCategory === "Todas" || faq.category === selectedCategory;
|
||||
return matchesSearch && matchesCategory;
|
||||
});
|
||||
|
||||
const toggleFaq = (index: number) => {
|
||||
setExpandedIndex(expandedIndex === index ? null : index);
|
||||
};
|
||||
|
||||
return (
|
||||
<div className="min-h-screen bg-gray-50 dark:bg-gray-900">
|
||||
{/* Header */}
|
||||
<div className="bg-gradient-to-br from-indigo-600 to-indigo-400 dark:from-indigo-700 dark:to-indigo-500 text-white py-12">
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
|
||||
<div className="relative">
|
||||
<button
|
||||
onClick={() => navigate("/painel-medico")}
|
||||
className="absolute left-0 top-0 flex items-center gap-2 px-4 py-2 bg-white/10 hover:bg-white/20 rounded-lg transition-colors backdrop-blur-sm"
|
||||
>
|
||||
<ArrowLeft className="h-5 w-5" />
|
||||
<span>Voltar ao Painel</span>
|
||||
</button>
|
||||
<div className="text-center">
|
||||
<Headphones className="h-16 w-16 mx-auto mb-4" />
|
||||
<h1 className="text-4xl font-bold mb-2">
|
||||
Central de Ajuda - Médicos
|
||||
</h1>
|
||||
<p className="text-indigo-100 text-lg">
|
||||
Suporte especializado para profissionais de saúde
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-8">
|
||||
{/* Quick Contact Cards */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6 -mt-16 mb-8">
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="h-14 w-14 rounded-full bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center mb-4">
|
||||
<MessageCircle className="h-7 w-7 text-indigo-600 dark:text-indigo-400" />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||
Chat Prioritário
|
||||
</h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
|
||||
Suporte especializado para médicos
|
||||
</p>
|
||||
<button className="w-full bg-indigo-600 hover:bg-indigo-700 text-white py-2 px-4 rounded-lg transition-colors">
|
||||
Iniciar Chat
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="h-14 w-14 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center mb-4">
|
||||
<Phone className="h-7 w-7 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||
Linha Direta
|
||||
</h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
|
||||
0800-123-4567 (Opção 2)
|
||||
</p>
|
||||
<button className="w-full border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 py-2 px-4 rounded-lg transition-colors">
|
||||
Ligar Agora
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-lg p-6 hover:shadow-xl transition-shadow">
|
||||
<div className="flex flex-col items-center text-center">
|
||||
<div className="h-14 w-14 rounded-full bg-purple-100 dark:bg-purple-900 flex items-center justify-center mb-4">
|
||||
<Mail className="h-7 w-7 text-purple-600 dark:text-purple-400" />
|
||||
</div>
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white mb-2">
|
||||
E-mail Suporte
|
||||
</h3>
|
||||
<p className="text-gray-600 dark:text-gray-400 text-sm mb-4">
|
||||
secretaria.mediconnect@gmail.com
|
||||
</p>
|
||||
<button className="w-full border border-gray-300 dark:border-gray-600 hover:bg-gray-50 dark:hover:bg-gray-700 text-gray-700 dark:text-gray-300 py-2 px-4 rounded-lg transition-colors">
|
||||
Enviar E-mail
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Search and Filter */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 mb-8">
|
||||
<h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-2">
|
||||
Perguntas Frequentes
|
||||
</h2>
|
||||
<p className="text-gray-600 dark:text-gray-400 mb-6">
|
||||
Dúvidas comuns de médicos e profissionais de saúde
|
||||
</p>
|
||||
|
||||
{/* Search Box */}
|
||||
<div className="relative mb-6">
|
||||
<Search className="absolute left-4 top-1/2 -translate-y-1/2 h-5 w-5 text-gray-400" />
|
||||
<input
|
||||
type="text"
|
||||
placeholder="Buscar em perguntas frequentes..."
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
className="w-full pl-12 pr-4 py-3 border border-gray-300 dark:border-gray-600 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent dark:bg-gray-700 dark:text-white"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{/* Category Filter */}
|
||||
<div className="flex flex-wrap gap-2">
|
||||
{categories.map((category) => (
|
||||
<button
|
||||
key={category}
|
||||
onClick={() => setSelectedCategory(category)}
|
||||
className={`px-4 py-2 rounded-lg text-sm font-medium transition-colors ${
|
||||
selectedCategory === category
|
||||
? "bg-indigo-600 text-white"
|
||||
: "bg-gray-100 dark:bg-gray-700 text-gray-700 dark:text-gray-300 hover:bg-gray-200 dark:hover:bg-gray-600"
|
||||
}`}
|
||||
>
|
||||
{category}
|
||||
</button>
|
||||
))}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* FAQ Accordion */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 mb-8">
|
||||
<div className="space-y-4">
|
||||
{filteredFaqs.map((faq, index) => (
|
||||
<div
|
||||
key={index}
|
||||
className="border border-gray-200 dark:border-gray-700 rounded-lg overflow-hidden"
|
||||
>
|
||||
<button
|
||||
onClick={() => toggleFaq(index)}
|
||||
className="w-full flex items-center justify-between p-4 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors"
|
||||
>
|
||||
<div className="flex items-start gap-3 flex-1">
|
||||
<span className="px-2 py-1 bg-indigo-100 dark:bg-indigo-900 text-indigo-600 dark:text-indigo-400 text-xs font-medium rounded">
|
||||
{faq.category}
|
||||
</span>
|
||||
<span className="text-gray-900 dark:text-white font-medium">
|
||||
{faq.question}
|
||||
</span>
|
||||
</div>
|
||||
<ChevronDown
|
||||
className={`h-5 w-5 text-gray-400 transition-transform flex-shrink-0 ml-4 ${
|
||||
expandedIndex === index ? "transform rotate-180" : ""
|
||||
}`}
|
||||
/>
|
||||
</button>
|
||||
{expandedIndex === index && (
|
||||
<div className="px-4 pb-4 pt-2 bg-gray-50 dark:bg-gray-700/50">
|
||||
<p className="text-gray-600 dark:text-gray-300 leading-relaxed pl-16">
|
||||
{faq.answer}
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
{filteredFaqs.length === 0 && (
|
||||
<div className="text-center py-12">
|
||||
<AlertCircle className="h-12 w-12 text-gray-400 mx-auto mb-3" />
|
||||
<p className="text-gray-500 dark:text-gray-400 text-lg">
|
||||
Nenhuma pergunta encontrada para "{searchTerm}"
|
||||
</p>
|
||||
<p className="text-gray-400 dark:text-gray-500 text-sm mt-2">
|
||||
Tente outro termo de busca ou entre em contato conosco
|
||||
</p>
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
|
||||
{/* Additional Resources */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 mb-8">
|
||||
<h2 className="text-2xl font-bold text-gray-900 dark:text-white mb-6">
|
||||
Recursos para Médicos
|
||||
</h2>
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-indigo-100 dark:bg-indigo-900 flex items-center justify-center flex-shrink-0">
|
||||
<BookOpen className="h-6 w-6 text-indigo-600 dark:text-indigo-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Manual do Médico
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Guia completo da plataforma
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-red-100 dark:bg-red-900 flex items-center justify-center flex-shrink-0">
|
||||
<Video className="h-6 w-6 text-red-600 dark:text-red-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Treinamentos
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Vídeos e webinars
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-green-100 dark:bg-green-900 flex items-center justify-center flex-shrink-0">
|
||||
<FileText className="h-6 w-6 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Modelos de Relatórios
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Templates prontos
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
|
||||
<button className="flex items-center gap-4 p-4 border border-gray-200 dark:border-gray-700 rounded-lg hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors text-left">
|
||||
<div className="h-12 w-12 rounded-lg bg-purple-100 dark:bg-purple-900 flex items-center justify-center flex-shrink-0">
|
||||
<Shield className="h-6 w-6 text-purple-600 dark:text-purple-400" />
|
||||
</div>
|
||||
<div>
|
||||
<h3 className="font-semibold text-gray-900 dark:text-white">
|
||||
Conformidade LGPD
|
||||
</h3>
|
||||
<p className="text-sm text-gray-600 dark:text-gray-400">
|
||||
Segurança e privacidade
|
||||
</p>
|
||||
</div>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Contact Section */}
|
||||
<div className="bg-gradient-to-br from-indigo-600 to-indigo-400 dark:from-indigo-700 dark:to-indigo-500 rounded-xl shadow-md p-8 text-center text-white">
|
||||
<h2 className="text-2xl font-bold mb-3">
|
||||
Precisa de ajuda específica?
|
||||
</h2>
|
||||
<p className="text-indigo-100 mb-6">
|
||||
Nossa equipe de suporte médico está à disposição
|
||||
</p>
|
||||
<div className="flex flex-col sm:flex-row gap-4 justify-center">
|
||||
<button className="bg-white text-indigo-600 hover:bg-indigo-50 px-6 py-3 rounded-lg font-medium transition-colors">
|
||||
Falar com Especialista
|
||||
</button>
|
||||
<button className="border-2 border-white text-white hover:bg-white/10 px-6 py-3 rounded-lg font-medium transition-colors">
|
||||
Solicitar Treinamento
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default CentralAjudaMedico;
|
||||
16
MEDICONNECT 2/src/pages/CentralAjudaRouter.tsx
Normal file
16
MEDICONNECT 2/src/pages/CentralAjudaRouter.tsx
Normal file
@ -0,0 +1,16 @@
|
||||
import React from "react";
|
||||
import { useAuth } from "../hooks/useAuth";
|
||||
import CentralAjuda from "./CentralAjuda";
|
||||
import CentralAjudaMedico from "./CentralAjudaMedico";
|
||||
|
||||
const CentralAjudaRouter: React.FC = () => {
|
||||
const { user } = useAuth();
|
||||
|
||||
// Se for médico, gestor ou admin, mostra a central de ajuda para médicos
|
||||
const isMedico =
|
||||
user?.role && ["medico", "gestor", "admin"].includes(user.role);
|
||||
|
||||
return isMedico ? <CentralAjudaMedico /> : <CentralAjuda />;
|
||||
};
|
||||
|
||||
export default CentralAjudaRouter;
|
||||
@ -153,7 +153,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
<button
|
||||
onClick={carregarUsuarios}
|
||||
disabled={loading}
|
||||
className="flex items-center gap-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 disabled:opacity-50"
|
||||
className="flex items-center gap-2 bg-indigo-600 text-white px-4 py-2 rounded-lg hover:bg-indigo-700 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<RefreshCw
|
||||
className={`w-4 h-4 ${loading ? "animate-spin" : ""}`}
|
||||
@ -170,7 +170,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
placeholder="Buscar por nome ou email..."
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500 focus:border-transparent"
|
||||
className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-indigo-600/40"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -183,9 +183,9 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
</div>
|
||||
) : (
|
||||
<div className="bg-white rounded-lg shadow-lg overflow-hidden">
|
||||
<div className="overflow-x-auto">
|
||||
<div className="overflow-auto max-h-[70vh]">
|
||||
<table className="w-full">
|
||||
<thead className="bg-gradient-to-r from-indigo-600 to-purple-600 text-white">
|
||||
<thead className="bg-gradient-to-r from-indigo-600 to-purple-600 text-white sticky top-0 z-10">
|
||||
<tr>
|
||||
<th className="px-6 py-3 text-left text-sm font-semibold">
|
||||
Nome
|
||||
@ -223,8 +223,13 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
</td>
|
||||
</tr>
|
||||
) : (
|
||||
usuariosFiltrados.map((user) => (
|
||||
<tr key={user.user.id} className="hover:bg-gray-50">
|
||||
usuariosFiltrados.map((user, idx) => (
|
||||
<tr
|
||||
key={user.user.id}
|
||||
className={`hover:bg-gray-50 ${
|
||||
idx % 2 === 0 ? "bg-white" : "bg-gray-50"
|
||||
}`}
|
||||
>
|
||||
<td className="px-6 py-4">
|
||||
<div className="font-medium text-gray-900">
|
||||
{user.profile?.full_name || "Sem nome"}
|
||||
@ -284,7 +289,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
<button
|
||||
onClick={() => handleEdit(user)}
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
title="Editar"
|
||||
>
|
||||
<Edit className="w-4 h-4" />
|
||||
@ -300,7 +305,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
setUserRoles(result.data);
|
||||
}
|
||||
}}
|
||||
className="p-2 text-purple-600 hover:bg-purple-50 rounded-lg transition-colors"
|
||||
className="p-2 text-purple-600 hover:bg-purple-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2"
|
||||
title="Gerenciar Roles"
|
||||
>
|
||||
<Shield className="w-4 h-4" />
|
||||
@ -312,10 +317,10 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
!!user.profile?.disabled
|
||||
)
|
||||
}
|
||||
className={`p-2 rounded-lg transition-colors ${
|
||||
className={`p-2 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ${
|
||||
user.profile?.disabled
|
||||
? "text-green-600 hover:bg-green-50"
|
||||
: "text-orange-600 hover:bg-orange-50"
|
||||
? "text-green-600 hover:bg-green-50 focus-visible:ring-green-500"
|
||||
: "text-orange-600 hover:bg-orange-50 focus-visible:ring-orange-500"
|
||||
}`}
|
||||
title={
|
||||
user.profile?.disabled
|
||||
@ -336,7 +341,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
user.profile?.full_name || user.user.email
|
||||
)
|
||||
}
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
|
||||
title="Deletar"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
@ -355,9 +360,17 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
|
||||
{/* Modal de Edição */}
|
||||
{editingUser && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg shadow-xl max-w-md w-full p-6">
|
||||
<h2 className="text-xl font-bold text-gray-900 mb-4">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="editar-usuario-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg shadow-xl border border-gray-200 max-w-md w-full p-6">
|
||||
<h2
|
||||
id="editar-usuario-title"
|
||||
className="text-xl font-bold text-gray-900 mb-4"
|
||||
>
|
||||
Editar Usuário
|
||||
</h2>
|
||||
|
||||
@ -372,7 +385,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setEditForm({ ...editForm, full_name: e.target.value })
|
||||
}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-indigo-600/40"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -386,7 +399,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setEditForm({ ...editForm, email: e.target.value })
|
||||
}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-indigo-600/40"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -400,7 +413,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setEditForm({ ...editForm, phone: e.target.value })
|
||||
}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-indigo-500"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-600 focus:border-indigo-600/40"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -408,13 +421,13 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
<div className="flex gap-3 mt-6">
|
||||
<button
|
||||
onClick={() => setEditingUser(null)}
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200"
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
onClick={handleSaveEdit}
|
||||
className="flex-1 px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700"
|
||||
className="flex-1 px-4 py-2 bg-indigo-600 text-white rounded-lg hover:bg-indigo-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
Salvar
|
||||
</button>
|
||||
@ -425,9 +438,17 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
|
||||
{/* Modal de Gerenciar Roles */}
|
||||
{managingRolesUser && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg shadow-xl max-w-md w-full p-6">
|
||||
<h2 className="text-xl font-bold text-gray-900 mb-2 flex items-center gap-2">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="gerenciar-roles-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg shadow-xl border border-gray-200 max-w-md w-full p-6">
|
||||
<h2
|
||||
id="gerenciar-roles-title"
|
||||
className="text-xl font-bold text-gray-900 mb-2 flex items-center gap-2"
|
||||
>
|
||||
<Shield className="w-5 h-5 text-purple-600" />
|
||||
Gerenciar Roles
|
||||
</h2>
|
||||
@ -501,7 +522,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
<select
|
||||
value={newRole}
|
||||
onChange={(e) => setNewRole(e.target.value)}
|
||||
className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 text-sm"
|
||||
className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40 text-sm"
|
||||
>
|
||||
<option value="">Selecione um role...</option>
|
||||
<option value="admin">Admin</option>
|
||||
@ -542,7 +563,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
}
|
||||
}}
|
||||
disabled={!newRole}
|
||||
className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1"
|
||||
className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Plus className="w-4 h-4" />
|
||||
Adicionar
|
||||
@ -557,7 +578,7 @@ const GerenciarUsuarios: React.FC = () => {
|
||||
setUserRoles([]);
|
||||
setNewRole("");
|
||||
}}
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200"
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Fechar
|
||||
</button>
|
||||
|
||||
@ -104,7 +104,7 @@ const Home: React.FC = () => {
|
||||
<div className="flex flex-col sm:flex-row gap-3 md:gap-4 justify-center items-center">
|
||||
<button
|
||||
onClick={() => handleCTA("Agendar consulta", "/paciente")}
|
||||
className="group w-full sm:w-auto inline-flex items-center justify-center px-6 md:px-8 py-3 md:py-4 bg-white text-blue-700 rounded-lg font-semibold hover:bg-blue-50 hover:shadow-xl hover:scale-105 active:scale-95 transition-all duration-200 focus:outline-none focus:ring-4 focus:ring-blue-300 focus:ring-offset-2 focus:ring-offset-blue-600"
|
||||
className="group w-full sm:w-auto inline-flex items-center justify-center px-6 md:px-8 py-3 md:py-4 bg-white text-blue-700 rounded-lg font-semibold hover:bg-blue-50 hover:shadow-xl hover:scale-105 active:scale-95 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white/80 focus-visible:ring-offset-blue-600"
|
||||
aria-label={i18n.t(
|
||||
"home.actionCards.scheduleAppointment.ctaAriaLabel"
|
||||
)}
|
||||
@ -122,7 +122,7 @@ const Home: React.FC = () => {
|
||||
|
||||
<button
|
||||
onClick={() => handleCTA("Ver próximas consultas", "/consultas")}
|
||||
className="group w-full sm:w-auto inline-flex items-center justify-center px-6 md:px-8 py-3 md:py-4 bg-blue-700 text-white rounded-lg font-semibold hover:bg-blue-800 hover:shadow-xl hover:scale-105 active:scale-95 border-2 border-white/20 transition-all duration-200 focus:outline-none focus:ring-4 focus:ring-white/50 focus:ring-offset-2 focus:ring-offset-blue-600"
|
||||
className="group w-full sm:w-auto inline-flex items-center justify-center px-6 md:px-8 py-3 md:py-4 bg-blue-700 text-white rounded-lg font-semibold hover:bg-blue-800 hover:shadow-xl hover:scale-105 active:scale-95 border-2 border-white/20 transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white/80 focus-visible:ring-offset-blue-600"
|
||||
aria-label="Ver lista de próximas consultas"
|
||||
>
|
||||
<Clock className="w-5 h-5 mr-2" aria-hidden="true" />
|
||||
@ -266,7 +266,7 @@ const ActionCard: React.FC<ActionCardProps> = ({
|
||||
onAction,
|
||||
}) => {
|
||||
return (
|
||||
<div className="bg-white rounded-lg shadow-md p-5 md:p-6 hover:shadow-xl transition-all duration-200 group border border-gray-100">
|
||||
<div className="bg-white rounded-lg shadow-md p-5 md:p-6 hover:shadow-xl transition-all duration-200 group border border-gray-100 focus-within:ring-2 focus-within:ring-blue-500/50 focus-within:ring-offset-2">
|
||||
<div
|
||||
className={`w-12 h-12 ${iconBgColor} rounded-lg flex items-center justify-center mb-4 group-hover:scale-110 transition-transform`}
|
||||
>
|
||||
@ -278,7 +278,7 @@ const ActionCard: React.FC<ActionCardProps> = ({
|
||||
</p>
|
||||
<button
|
||||
onClick={onAction}
|
||||
className="w-full inline-flex items-center justify-center px-4 py-2.5 bg-gradient-to-r from-blue-700 to-blue-400 hover:from-blue-800 hover:to-blue-500 hover:scale-105 active:scale-95 text-white rounded-lg font-medium transition-all duration-200 focus:outline-none focus:ring-4 focus:ring-blue-300 focus:ring-offset-2 group-hover:shadow-lg"
|
||||
className="w-full inline-flex items-center justify-center px-4 py-2.5 bg-gradient-to-r from-blue-700 to-blue-400 hover:from-blue-800 hover:to-blue-500 hover:scale-105 active:scale-95 text-white rounded-lg font-medium transition-all duration-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-white/80 group-hover:shadow-lg"
|
||||
aria-label={ctaAriaLabel}
|
||||
>
|
||||
{ctaLabel}
|
||||
|
||||
@ -46,30 +46,38 @@ const ListaMedicos: React.FC = () => {
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
<h2 className="text-2xl font-bold mb-4 flex items-center gap-2">
|
||||
<Stethoscope className="w-6 h-6 text-indigo-600" /> Médicos Cadastrados
|
||||
</h2>
|
||||
<div className="flex items-center gap-2">
|
||||
<Stethoscope className="w-6 h-6 text-indigo-600" />
|
||||
<h2 className="text-2xl font-bold">Médicos Cadastrados</h2>
|
||||
</div>
|
||||
|
||||
{loading && <div className="text-gray-500">Carregando médicos...</div>}
|
||||
|
||||
{!loading && error && (
|
||||
<div className="flex items-center gap-2 text-red-600 bg-red-50 border border-red-200 p-3 rounded">
|
||||
<div className="flex items-center gap-2 text-red-700 bg-red-50 border border-red-200 p-3 rounded-lg">
|
||||
<AlertTriangle className="w-5 h-5" />
|
||||
<span>{error}</span>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{!loading && !error && medicos.length === 0 && (
|
||||
<div className="text-gray-500">Nenhum médico cadastrado.</div>
|
||||
)}
|
||||
|
||||
{!loading && !error && medicos.length > 0 && (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{medicos.map((medico) => (
|
||||
<div
|
||||
<article
|
||||
key={medico.id}
|
||||
className="bg-white rounded-lg shadow-md p-6 flex flex-col gap-2"
|
||||
className="bg-white rounded-xl shadow border border-gray-200 p-6 flex flex-col gap-3 hover:shadow-md transition-shadow focus:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500"
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<header className="flex items-center gap-2">
|
||||
<Stethoscope className="w-5 h-5 text-indigo-600" />
|
||||
<span className="font-semibold text-lg">{medico.nome}</span>
|
||||
</div>
|
||||
<h3 className="font-semibold text-lg text-gray-900">
|
||||
{medico.nome}
|
||||
</h3>
|
||||
</header>
|
||||
<div className="text-sm text-gray-700">
|
||||
<strong>Especialidade:</strong> {medico.especialidade}
|
||||
</div>
|
||||
@ -84,7 +92,7 @@ const ListaMedicos: React.FC = () => {
|
||||
<Phone className="w-4 h-4" /> {medico.telefone}
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
</article>
|
||||
))}
|
||||
</div>
|
||||
)}
|
||||
|
||||
@ -76,10 +76,13 @@ const ListaPacientes: React.FC = () => {
|
||||
)}
|
||||
{!loading && !error && pacientes.length > 0 && (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{pacientes.map((paciente) => (
|
||||
{pacientes.map((paciente, idx) => (
|
||||
<div
|
||||
key={paciente.id}
|
||||
className="bg-white rounded-lg shadow-md p-6 flex flex-col gap-2"
|
||||
className={`rounded-lg p-6 flex flex-col gap-2 transition-colors border border-gray-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-blue-500/50 ${
|
||||
idx % 2 === 0 ? "bg-white" : "bg-gray-50"
|
||||
}`}
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<Users className="w-5 h-5 text-blue-600" />
|
||||
|
||||
@ -1,5 +1,5 @@
|
||||
import React, { useEffect, useState } from 'react';
|
||||
import { UserPlus, Mail, Phone } from 'lucide-react';
|
||||
import React, { useEffect, useState } from "react";
|
||||
import { UserPlus, Mail, Phone } from "lucide-react";
|
||||
|
||||
interface Secretaria {
|
||||
nome: string;
|
||||
@ -13,7 +13,7 @@ const ListaSecretarias: React.FC = () => {
|
||||
const [secretarias, setSecretarias] = useState<Secretaria[]>([]);
|
||||
|
||||
useEffect(() => {
|
||||
const lista = JSON.parse(localStorage.getItem('secretarias') || '[]');
|
||||
const lista = JSON.parse(localStorage.getItem("secretarias") || "[]");
|
||||
setSecretarias(lista);
|
||||
}, []);
|
||||
|
||||
@ -27,19 +27,29 @@ const ListaSecretarias: React.FC = () => {
|
||||
) : (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">
|
||||
{secretarias.map((sec, idx) => (
|
||||
<div key={idx} className="bg-white rounded-lg shadow-md p-6 flex flex-col gap-2">
|
||||
<div
|
||||
key={idx}
|
||||
className={`rounded-lg p-6 flex flex-col gap-2 transition-colors border border-gray-200 focus:outline-none focus-visible:ring-2 focus-visible:ring-green-500/50 ${
|
||||
idx % 2 === 0 ? "bg-white" : "bg-gray-50"
|
||||
}`}
|
||||
tabIndex={0}
|
||||
>
|
||||
<div className="flex items-center gap-2 mb-2">
|
||||
<UserPlus className="w-5 h-5 text-green-600" />
|
||||
<span className="font-semibold text-lg">{sec.nome}</span>
|
||||
</div>
|
||||
<div className="text-sm text-gray-700"><strong>CPF:</strong> {sec.cpf}</div>
|
||||
<div className="text-sm text-gray-700">
|
||||
<strong>CPF:</strong> {sec.cpf}
|
||||
</div>
|
||||
<div className="flex items-center gap-2 text-sm text-gray-700">
|
||||
<Mail className="w-4 h-4" /> {sec.email}
|
||||
</div>
|
||||
<div className="flex items-center gap-2 text-sm text-gray-700">
|
||||
<Phone className="w-4 h-4" /> {sec.telefone}
|
||||
</div>
|
||||
<div className="text-xs text-gray-500">Cadastrada em: {new Date(sec.criadoEm).toLocaleString()}</div>
|
||||
<div className="text-xs text-gray-500">
|
||||
Cadastrada em: {new Date(sec.criadoEm).toLocaleString()}
|
||||
</div>
|
||||
</div>
|
||||
))}
|
||||
</div>
|
||||
|
||||
@ -144,7 +144,7 @@ const LoginMedico: React.FC = () => {
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="w-full bg-gradient-to-r from-indigo-600 to-indigo-400 text-white py-3 px-4 rounded-lg font-medium hover:from-indigo-700 hover:to-indigo-500 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200"
|
||||
className="w-full bg-gradient-to-r from-indigo-600 to-indigo-400 text-white py-3 px-4 rounded-lg font-medium hover:from-indigo-700 hover:to-indigo-500 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading ? "Entrando..." : "Entrar"}
|
||||
</button>
|
||||
|
||||
@ -359,7 +359,7 @@ const LoginPaciente: React.FC = () => {
|
||||
type="button"
|
||||
onClick={handleLoginLocal}
|
||||
disabled={loading}
|
||||
className="w-full bg-gradient-to-r from-blue-700 to-blue-400 text-white py-3 px-4 rounded-lg font-medium hover:from-blue-800 hover:to-blue-500 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200"
|
||||
className="w-full bg-gradient-to-r from-blue-700 to-blue-400 text-white py-3 px-4 rounded-lg font-medium hover:from-blue-800 hover:to-blue-500 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading ? "Entrando..." : "Entrar"}
|
||||
</button>
|
||||
|
||||
@ -144,7 +144,7 @@ const LoginSecretaria: React.FC = () => {
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="w-full bg-gradient-to-r from-green-600 to-green-400 text-white py-3 px-4 rounded-lg font-medium hover:from-green-700 hover:to-green-500 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200"
|
||||
className="w-full bg-gradient-to-r from-green-600 to-green-400 text-white py-3 px-4 rounded-lg font-medium hover:from-green-700 hover:to-green-500 hover:scale-105 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:scale-100 transition-all duration-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading ? "Entrando..." : "Entrar"}
|
||||
</button>
|
||||
|
||||
@ -584,7 +584,7 @@ const PainelAdmin: React.FC = () => {
|
||||
<div className="min-h-screen bg-gradient-to-br from-blue-50 via-white to-purple-50 p-6">
|
||||
<div className="max-w-7xl mx-auto">
|
||||
{/* Header */}
|
||||
<div className="bg-white rounded-lg shadow-md p-6 mb-6">
|
||||
<div className="bg-white rounded-xl shadow p-6 mb-6 border border-gray-200">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<h1 className="text-3xl font-bold text-gray-900 mb-2">
|
||||
@ -599,11 +599,19 @@ const PainelAdmin: React.FC = () => {
|
||||
</div>
|
||||
|
||||
{/* Tabs */}
|
||||
<div className="bg-white rounded-lg shadow-md mb-6">
|
||||
<div className="flex border-b">
|
||||
<div className="bg-white rounded-xl shadow border border-gray-200 mb-6">
|
||||
<div
|
||||
className="flex border-b"
|
||||
role="tablist"
|
||||
aria-label="Seções do administrador"
|
||||
>
|
||||
<button
|
||||
onClick={() => setActiveTab("pacientes")}
|
||||
className={`flex items-center gap-2 px-6 py-4 font-medium transition-colors ${
|
||||
id="tab-pacientes-tab"
|
||||
role="tab"
|
||||
aria-selected={activeTab === "pacientes"}
|
||||
aria-controls="tab-pacientes-panel"
|
||||
className={`flex items-center gap-2 px-6 py-4 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 ${
|
||||
activeTab === "pacientes"
|
||||
? "border-b-2 border-blue-600 text-blue-600"
|
||||
: "text-gray-600 hover:text-blue-600"
|
||||
@ -614,7 +622,11 @@ const PainelAdmin: React.FC = () => {
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setActiveTab("usuarios")}
|
||||
className={`flex items-center gap-2 px-6 py-4 font-medium transition-colors ${
|
||||
id="tab-usuarios-tab"
|
||||
role="tab"
|
||||
aria-selected={activeTab === "usuarios"}
|
||||
aria-controls="tab-usuarios-panel"
|
||||
className={`flex items-center gap-2 px-6 py-4 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 ${
|
||||
activeTab === "usuarios"
|
||||
? "border-b-2 border-blue-600 text-blue-600"
|
||||
: "text-gray-600 hover:text-blue-600"
|
||||
@ -625,7 +637,11 @@ const PainelAdmin: React.FC = () => {
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setActiveTab("medicos")}
|
||||
className={`flex items-center gap-2 px-6 py-4 font-medium transition-colors ${
|
||||
id="tab-medicos-tab"
|
||||
role="tab"
|
||||
aria-selected={activeTab === "medicos"}
|
||||
aria-controls="tab-medicos-panel"
|
||||
className={`flex items-center gap-2 px-6 py-4 font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 ${
|
||||
activeTab === "medicos"
|
||||
? "border-b-2 border-blue-600 text-blue-600"
|
||||
: "text-gray-600 hover:text-blue-600"
|
||||
@ -639,12 +655,16 @@ const PainelAdmin: React.FC = () => {
|
||||
{/* Content */}
|
||||
<div className="p-6">
|
||||
{activeTab === "pacientes" && (
|
||||
<div>
|
||||
<div
|
||||
id="tab-pacientes-panel"
|
||||
role="tabpanel"
|
||||
aria-labelledby="tab-pacientes-tab"
|
||||
>
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h2 className="text-xl font-bold">Pacientes Cadastrados</h2>
|
||||
<button
|
||||
onClick={() => setShowPacienteModal(true)}
|
||||
className="flex items-center gap-2 bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors"
|
||||
className="flex items-center gap-2 bg-green-600 text-white px-4 py-2 rounded-lg hover:bg-green-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Plus className="w-5 h-5" />
|
||||
Novo Paciente
|
||||
@ -660,10 +680,12 @@ const PainelAdmin: React.FC = () => {
|
||||
Nenhum paciente cadastrado
|
||||
</div>
|
||||
) : (
|
||||
pacientes.map((p) => (
|
||||
pacientes.map((p, idx) => (
|
||||
<div
|
||||
key={p.id}
|
||||
className="bg-gray-50 rounded-lg p-4 flex items-center justify-between hover:bg-gray-100 transition-colors"
|
||||
className={`rounded-lg p-4 flex items-center justify-between transition-colors ${
|
||||
idx % 2 === 0 ? "bg-white" : "bg-gray-50"
|
||||
} hover:bg-gray-100`}
|
||||
>
|
||||
<div>
|
||||
<h3 className="font-semibold text-lg">{p.nome}</h3>
|
||||
@ -677,14 +699,14 @@ const PainelAdmin: React.FC = () => {
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
onClick={() => handleEditPaciente(p)}
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
title="Editar"
|
||||
>
|
||||
<Edit className="w-4 h-4" />
|
||||
</button>
|
||||
<button
|
||||
onClick={() => handleDeletePaciente(p.id, p.nome)}
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
|
||||
title="Deletar"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
@ -699,14 +721,18 @@ const PainelAdmin: React.FC = () => {
|
||||
)}
|
||||
|
||||
{activeTab === "usuarios" && (
|
||||
<div>
|
||||
<div
|
||||
id="tab-usuarios-panel"
|
||||
role="tabpanel"
|
||||
aria-labelledby="tab-usuarios-tab"
|
||||
>
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h2 className="text-xl font-bold">Gerenciar Usuários</h2>
|
||||
<div className="flex gap-2">
|
||||
<button
|
||||
onClick={loadUsuarios}
|
||||
disabled={loading}
|
||||
className="flex items-center gap-2 bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700 disabled:opacity-50"
|
||||
className="flex items-center gap-2 bg-gray-600 text-white px-4 py-2 rounded-lg hover:bg-gray-700 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<RefreshCw
|
||||
className={`w-4 h-4 ${loading ? "animate-spin" : ""}`}
|
||||
@ -715,7 +741,7 @@ const PainelAdmin: React.FC = () => {
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setShowUserModal(true)}
|
||||
className="flex items-center gap-2 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors"
|
||||
className="flex items-center gap-2 bg-blue-600 text-white px-4 py-2 rounded-lg hover:bg-blue-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Plus className="w-5 h-5" />
|
||||
Novo Usuário
|
||||
@ -731,16 +757,16 @@ const PainelAdmin: React.FC = () => {
|
||||
placeholder="Buscar por nome ou email..."
|
||||
value={searchTerm}
|
||||
onChange={(e) => setSearchTerm(e.target.value)}
|
||||
className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-transparent"
|
||||
className="w-full pl-10 pr-4 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40 transition-colors"
|
||||
/>
|
||||
</div>
|
||||
|
||||
{loading ? (
|
||||
<div className="text-center py-8">Carregando usuários...</div>
|
||||
) : (
|
||||
<div className="overflow-x-auto bg-white rounded-lg border">
|
||||
<div className="overflow-auto max-h-[70vh] bg-white rounded-lg border border-gray-200">
|
||||
<table className="w-full">
|
||||
<thead className="bg-gradient-to-r from-blue-600 to-purple-600 text-white">
|
||||
<thead className="bg-gradient-to-r from-blue-600 to-purple-600 text-white sticky top-0 z-10">
|
||||
<tr>
|
||||
<th className="px-4 py-3 text-left text-sm font-semibold">
|
||||
Nome
|
||||
@ -804,7 +830,7 @@ const PainelAdmin: React.FC = () => {
|
||||
.map((user) => (
|
||||
<tr
|
||||
key={user.user.id}
|
||||
className="hover:bg-gray-50"
|
||||
className="hover:bg-gray-50 odd:bg-white even:bg-gray-50"
|
||||
>
|
||||
<td className="px-4 py-3">
|
||||
<div className="font-medium text-gray-900">
|
||||
@ -862,7 +888,7 @@ const PainelAdmin: React.FC = () => {
|
||||
<div className="flex items-center justify-center gap-2">
|
||||
<button
|
||||
onClick={() => handleEditUser(user)}
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
title="Editar"
|
||||
>
|
||||
<Edit className="w-4 h-4" />
|
||||
@ -878,7 +904,7 @@ const PainelAdmin: React.FC = () => {
|
||||
setUserRoles(result.data);
|
||||
}
|
||||
}}
|
||||
className="p-2 text-purple-600 hover:bg-purple-50 rounded-lg transition-colors"
|
||||
className="p-2 text-purple-600 hover:bg-purple-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2"
|
||||
title="Gerenciar Roles"
|
||||
>
|
||||
<Shield className="w-4 h-4" />
|
||||
@ -890,10 +916,10 @@ const PainelAdmin: React.FC = () => {
|
||||
!!user.profile?.disabled
|
||||
)
|
||||
}
|
||||
className={`p-2 rounded-lg transition-colors ${
|
||||
className={`p-2 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ${
|
||||
user.profile?.disabled
|
||||
? "text-green-600 hover:bg-green-50"
|
||||
: "text-orange-600 hover:bg-orange-50"
|
||||
? "text-green-600 hover:bg-green-50 focus-visible:ring-green-500"
|
||||
: "text-orange-600 hover:bg-orange-50 focus-visible:ring-orange-500"
|
||||
}`}
|
||||
title={
|
||||
user.profile?.disabled
|
||||
@ -915,7 +941,7 @@ const PainelAdmin: React.FC = () => {
|
||||
user.user.email
|
||||
)
|
||||
}
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
|
||||
title="Deletar"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
@ -933,12 +959,16 @@ const PainelAdmin: React.FC = () => {
|
||||
)}
|
||||
|
||||
{activeTab === "medicos" && (
|
||||
<div>
|
||||
<div
|
||||
id="tab-medicos-panel"
|
||||
role="tabpanel"
|
||||
aria-labelledby="tab-medicos-tab"
|
||||
>
|
||||
<div className="flex justify-between items-center mb-4">
|
||||
<h2 className="text-xl font-bold">Médicos Cadastrados</h2>
|
||||
<button
|
||||
onClick={() => setShowMedicoModal(true)}
|
||||
className="flex items-center gap-2 bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition-colors"
|
||||
className="flex items-center gap-2 bg-purple-600 text-white px-4 py-2 rounded-lg hover:bg-purple-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Plus className="w-5 h-5" />
|
||||
Novo Médico
|
||||
@ -954,10 +984,12 @@ const PainelAdmin: React.FC = () => {
|
||||
Nenhum médico cadastrado
|
||||
</div>
|
||||
) : (
|
||||
medicos.map((m) => (
|
||||
medicos.map((m, idx) => (
|
||||
<div
|
||||
key={m.id}
|
||||
className="bg-gray-50 rounded-lg p-4 flex items-center justify-between hover:bg-gray-100 transition-colors"
|
||||
className={`rounded-lg p-4 flex items-center justify-between transition-colors ${
|
||||
idx % 2 === 0 ? "bg-white" : "bg-gray-50"
|
||||
} hover:bg-gray-100`}
|
||||
>
|
||||
<div className="flex-1">
|
||||
<h3 className="font-semibold text-lg">
|
||||
@ -982,7 +1014,7 @@ const PainelAdmin: React.FC = () => {
|
||||
</span>
|
||||
<button
|
||||
onClick={() => handleEditMedico(m)}
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors"
|
||||
className="p-2 text-blue-600 hover:bg-blue-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
title="Editar"
|
||||
>
|
||||
<Edit className="w-4 h-4" />
|
||||
@ -994,7 +1026,7 @@ const PainelAdmin: React.FC = () => {
|
||||
m.full_name || "Médico sem nome"
|
||||
)
|
||||
}
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors"
|
||||
className="p-2 text-red-600 hover:bg-red-50 rounded-lg transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2"
|
||||
title="Deletar"
|
||||
>
|
||||
<Trash2 className="w-4 h-4" />
|
||||
@ -1013,10 +1045,17 @@ const PainelAdmin: React.FC = () => {
|
||||
|
||||
{/* Modal Paciente */}
|
||||
{showPacienteModal && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg max-w-2xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="paciente-modal-title"
|
||||
>
|
||||
<div className="bg-white rounded-xl border border-gray-200 shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-4">Novo Paciente</h2>
|
||||
<h2 id="paciente-modal-title" className="text-2xl font-bold mb-4">
|
||||
Novo Paciente
|
||||
</h2>
|
||||
<form onSubmit={handleSavePaciente} className="space-y-4">
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
@ -1033,7 +1072,7 @@ const PainelAdmin: React.FC = () => {
|
||||
full_name: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1049,7 +1088,7 @@ const PainelAdmin: React.FC = () => {
|
||||
social_name: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1066,7 +1105,7 @@ const PainelAdmin: React.FC = () => {
|
||||
cpf: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
placeholder="00000000000"
|
||||
/>
|
||||
</div>
|
||||
@ -1084,7 +1123,7 @@ const PainelAdmin: React.FC = () => {
|
||||
email: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1101,7 +1140,7 @@ const PainelAdmin: React.FC = () => {
|
||||
phone_mobile: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
placeholder="(00) 00000-0000"
|
||||
/>
|
||||
</div>
|
||||
@ -1118,7 +1157,7 @@ const PainelAdmin: React.FC = () => {
|
||||
birth_date: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1133,7 +1172,7 @@ const PainelAdmin: React.FC = () => {
|
||||
sex: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
>
|
||||
<option value="">Selecione</option>
|
||||
<option value="M">Masculino</option>
|
||||
@ -1154,7 +1193,7 @@ const PainelAdmin: React.FC = () => {
|
||||
blood_type: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-green-600 focus:border-green-600/40"
|
||||
placeholder="A+"
|
||||
/>
|
||||
</div>
|
||||
@ -1168,14 +1207,14 @@ const PainelAdmin: React.FC = () => {
|
||||
setEditingPaciente(null);
|
||||
resetFormPaciente();
|
||||
}}
|
||||
className="px-4 py-2 border rounded-lg hover:bg-gray-50"
|
||||
className="px-4 py-2 border rounded-lg hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50"
|
||||
className="px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-green-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading
|
||||
? editingPaciente
|
||||
@ -1194,10 +1233,17 @@ const PainelAdmin: React.FC = () => {
|
||||
|
||||
{/* Modal Usuário */}
|
||||
{showUserModal && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg max-w-md w-full">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="usuario-modal-title"
|
||||
>
|
||||
<div className="bg-white rounded-xl border border-gray-200 shadow-xl max-w-md w-full">
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-4">Novo Usuário</h2>
|
||||
<h2 id="usuario-modal-title" className="text-2xl font-bold mb-4">
|
||||
Novo Usuário
|
||||
</h2>
|
||||
<form onSubmit={handleCreateUser} className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium mb-1">
|
||||
@ -1210,7 +1256,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormUser({ ...formUser, full_name: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1224,7 +1270,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormUser({ ...formUser, email: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1239,7 +1285,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormUser({ ...formUser, password: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1252,7 +1298,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormUser({ ...formUser, phone: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
placeholder="(00) 00000-0000"
|
||||
/>
|
||||
</div>
|
||||
@ -1269,7 +1315,7 @@ const PainelAdmin: React.FC = () => {
|
||||
role: e.target.value as RoleType,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
>
|
||||
{availableRoles.map((role) => (
|
||||
<option key={role} value={role}>
|
||||
@ -1286,14 +1332,14 @@ const PainelAdmin: React.FC = () => {
|
||||
setShowUserModal(false);
|
||||
resetFormUser();
|
||||
}}
|
||||
className="px-4 py-2 border rounded-lg hover:bg-gray-50"
|
||||
className="px-4 py-2 border rounded-lg hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50"
|
||||
className="px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading ? "Criando..." : "Criar Usuário"}
|
||||
</button>
|
||||
@ -1306,10 +1352,17 @@ const PainelAdmin: React.FC = () => {
|
||||
|
||||
{/* Modal Médico */}
|
||||
{showMedicoModal && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg max-w-3xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="medico-modal-title"
|
||||
>
|
||||
<div className="bg-white rounded-xl border border-gray-200 shadow-xl max-w-3xl w-full max-h-[90vh] overflow-y-auto">
|
||||
<div className="p-6">
|
||||
<h2 className="text-2xl font-bold mb-4">Novo Médico</h2>
|
||||
<h2 id="medico-modal-title" className="text-2xl font-bold mb-4">
|
||||
Novo Médico
|
||||
</h2>
|
||||
<form onSubmit={handleSaveMedico} className="space-y-4">
|
||||
<div className="grid grid-cols-2 gap-4">
|
||||
<div>
|
||||
@ -1326,7 +1379,7 @@ const PainelAdmin: React.FC = () => {
|
||||
full_name: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1342,7 +1395,7 @@ const PainelAdmin: React.FC = () => {
|
||||
specialty: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
placeholder="Cardiologia"
|
||||
/>
|
||||
</div>
|
||||
@ -1357,7 +1410,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormMedico({ ...formMedico, crm: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
placeholder="123456"
|
||||
/>
|
||||
</div>
|
||||
@ -1371,7 +1424,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormMedico({ ...formMedico, crm_uf: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
>
|
||||
{estadosBR.map((uf) => (
|
||||
<option key={uf} value={uf}>
|
||||
@ -1391,7 +1444,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormMedico({ ...formMedico, cpf: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
placeholder="000.000.000-00"
|
||||
/>
|
||||
</div>
|
||||
@ -1403,7 +1456,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormMedico({ ...formMedico, rg: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1417,7 +1470,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setFormMedico({ ...formMedico, email: e.target.value })
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1433,7 +1486,7 @@ const PainelAdmin: React.FC = () => {
|
||||
phone_mobile: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
placeholder="(00) 00000-0000"
|
||||
/>
|
||||
</div>
|
||||
@ -1450,7 +1503,7 @@ const PainelAdmin: React.FC = () => {
|
||||
birth_date: e.target.value,
|
||||
})
|
||||
}
|
||||
className="w-full border rounded-lg px-3 py-2"
|
||||
className="w-full border rounded-lg px-3 py-2 focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40"
|
||||
/>
|
||||
</div>
|
||||
<div>
|
||||
@ -1464,7 +1517,7 @@ const PainelAdmin: React.FC = () => {
|
||||
active: e.target.checked,
|
||||
})
|
||||
}
|
||||
className="w-4 h-4"
|
||||
className="w-4 h-4 focus:outline-none focus:ring-2 focus:ring-purple-600"
|
||||
/>
|
||||
<span className="text-sm font-medium">Ativo</span>
|
||||
</label>
|
||||
@ -1479,14 +1532,14 @@ const PainelAdmin: React.FC = () => {
|
||||
setEditingMedico(null);
|
||||
resetFormMedico();
|
||||
}}
|
||||
className="px-4 py-2 border rounded-lg hover:bg-gray-50"
|
||||
className="px-4 py-2 border rounded-lg hover:bg-gray-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
disabled={loading}
|
||||
className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50"
|
||||
className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{loading
|
||||
? editingMedico
|
||||
@ -1505,9 +1558,17 @@ const PainelAdmin: React.FC = () => {
|
||||
|
||||
{/* Modal de Edição de Usuário */}
|
||||
{editingUser && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg shadow-xl max-w-md w-full p-6">
|
||||
<h2 className="text-xl font-bold text-gray-900 mb-4">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="editar-usuario-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg shadow-xl border border-gray-200 max-w-md w-full p-6">
|
||||
<h2
|
||||
id="editar-usuario-title"
|
||||
className="text-xl font-bold text-gray-900 mb-4"
|
||||
>
|
||||
Editar Usuário
|
||||
</h2>
|
||||
|
||||
@ -1522,7 +1583,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setEditForm({ ...editForm, full_name: e.target.value })
|
||||
}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -1536,7 +1597,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setEditForm({ ...editForm, email: e.target.value })
|
||||
}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@ -1550,7 +1611,7 @@ const PainelAdmin: React.FC = () => {
|
||||
onChange={(e) =>
|
||||
setEditForm({ ...editForm, phone: e.target.value })
|
||||
}
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500"
|
||||
className="w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
@ -1558,13 +1619,13 @@ const PainelAdmin: React.FC = () => {
|
||||
<div className="flex gap-3 mt-6">
|
||||
<button
|
||||
onClick={() => setEditingUser(null)}
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200"
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
onClick={handleSaveEditUser}
|
||||
className="flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700"
|
||||
className="flex-1 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
Salvar
|
||||
</button>
|
||||
@ -1575,9 +1636,17 @@ const PainelAdmin: React.FC = () => {
|
||||
|
||||
{/* Modal de Gerenciar Roles */}
|
||||
{managingRolesUser && (
|
||||
<div className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50">
|
||||
<div className="bg-white rounded-lg shadow-xl max-w-md w-full p-6">
|
||||
<h2 className="text-xl font-bold text-gray-900 mb-2 flex items-center gap-2">
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="gerenciar-roles-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg shadow-xl border border-gray-200 max-w-md w-full p-6">
|
||||
<h2
|
||||
id="gerenciar-roles-title"
|
||||
className="text-xl font-bold text-gray-900 mb-2 flex items-center gap-2"
|
||||
>
|
||||
<Shield className="w-5 h-5 text-purple-600" />
|
||||
Gerenciar Roles
|
||||
</h2>
|
||||
@ -1651,7 +1720,7 @@ const PainelAdmin: React.FC = () => {
|
||||
<select
|
||||
value={newRole}
|
||||
onChange={(e) => setNewRole(e.target.value)}
|
||||
className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-purple-500 text-sm"
|
||||
className="flex-1 px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-purple-600 focus:border-purple-600/40 text-sm"
|
||||
>
|
||||
<option value="">Selecione um role...</option>
|
||||
<option value="admin">Admin</option>
|
||||
@ -1692,7 +1761,7 @@ const PainelAdmin: React.FC = () => {
|
||||
}
|
||||
}}
|
||||
disabled={!newRole}
|
||||
className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1"
|
||||
className="px-4 py-2 bg-purple-600 text-white rounded-lg hover:bg-purple-700 disabled:opacity-50 disabled:cursor-not-allowed flex items-center gap-1 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-purple-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Plus className="w-4 h-4" />
|
||||
Adicionar
|
||||
@ -1707,7 +1776,7 @@ const PainelAdmin: React.FC = () => {
|
||||
setUserRoles([]);
|
||||
setNewRole("");
|
||||
}}
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200"
|
||||
className="flex-1 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Fechar
|
||||
</button>
|
||||
|
||||
File diff suppressed because it is too large
Load Diff
759
MEDICONNECT 2/src/pages/PainelMedicoAntigo.tsx.bak
Normal file
759
MEDICONNECT 2/src/pages/PainelMedicoAntigo.tsx.bak
Normal file
@ -0,0 +1,759 @@
|
||||
import React, { useState, useEffect, useCallback } from "react";
|
||||
import {
|
||||
Calendar,
|
||||
Clock,
|
||||
CheckCircle,
|
||||
AlertCircle,
|
||||
FileText,
|
||||
X,
|
||||
} from "lucide-react";
|
||||
import toast from "react-hot-toast";
|
||||
import { format } from "date-fns";
|
||||
import { useNavigate } from "react-router-dom";
|
||||
import ConsultationList from "../components/consultas/ConsultationList";
|
||||
import ConsultaModal from "../components/consultas/ConsultaModal";
|
||||
import AvailabilityManager from "../components/agenda/AvailabilityManager";
|
||||
import ExceptionsManager from "../components/agenda/ExceptionsManager";
|
||||
import consultasService, {
|
||||
Consulta as ServiceConsulta,
|
||||
} from "../services/consultasService";
|
||||
import { listPatients } from "../services/pacienteService";
|
||||
import { useAuth } from "../hooks/useAuth";
|
||||
import relatorioService, {
|
||||
RelatorioCreate,
|
||||
} from "../services/relatorioService";
|
||||
|
||||
interface ConsultaUI {
|
||||
id: string;
|
||||
pacienteId: string;
|
||||
medicoId: string;
|
||||
pacienteNome: string;
|
||||
medicoNome: string;
|
||||
dataHora: string;
|
||||
status: string;
|
||||
tipo?: string;
|
||||
observacoes?: string;
|
||||
}
|
||||
|
||||
interface Paciente {
|
||||
_id: string;
|
||||
nome: string;
|
||||
telefone: string;
|
||||
email: string;
|
||||
convenio: string;
|
||||
observacoes: string;
|
||||
}
|
||||
|
||||
// Tipo Medico original removido (não necessário após auth)
|
||||
|
||||
// Antigos tipos Lumi removidos (não usados nesta refatoração)
|
||||
|
||||
const PainelMedico: React.FC = () => {
|
||||
const { user, roles } = useAuth();
|
||||
// Permite acesso se for médico ou admin
|
||||
const temAcessoMedico =
|
||||
user &&
|
||||
(user.role === "medico" ||
|
||||
roles.includes("medico") ||
|
||||
roles.includes("admin"));
|
||||
const medicoId = temAcessoMedico ? user.id : "";
|
||||
const medicoNome = user?.nome || "Médico";
|
||||
const [consultas, setConsultas] = useState<ConsultaUI[]>([]);
|
||||
// pacientes detalhados não utilizados nesta versão simplificada
|
||||
const [filtroData, setFiltroData] = useState("hoje");
|
||||
const [loading, setLoading] = useState(true);
|
||||
const [modalOpen, setModalOpen] = useState(false);
|
||||
const [editing, setEditing] = useState<ConsultaUI | null>(null);
|
||||
const [relatorioModalOpen, setRelatorioModalOpen] = useState(false);
|
||||
const [loadingRelatorio, setLoadingRelatorio] = useState(false);
|
||||
const [pacientesDisponiveis, setPacientesDisponiveis] = useState<
|
||||
Array<{ id: string; nome: string }>
|
||||
>([]);
|
||||
const [formRelatorio, setFormRelatorio] = useState({
|
||||
patient_id: "",
|
||||
order_number: "",
|
||||
exam: "",
|
||||
diagnosis: "",
|
||||
conclusion: "",
|
||||
cid_code: "",
|
||||
content_html: "",
|
||||
status: "draft" as "draft" | "pending" | "completed" | "cancelled",
|
||||
requested_by: medicoNome,
|
||||
due_at: format(new Date(), "yyyy-MM-dd'T'HH:mm"),
|
||||
hide_date: false,
|
||||
hide_signature: false,
|
||||
});
|
||||
const navigate = useNavigate();
|
||||
|
||||
useEffect(() => {
|
||||
if (!medicoId) navigate("/login-medico");
|
||||
}, [medicoId, navigate]);
|
||||
|
||||
const fetchConsultas = useCallback(async () => {
|
||||
if (!medicoId) return;
|
||||
setLoading(true);
|
||||
try {
|
||||
const raw = localStorage.getItem("consultas_local");
|
||||
let lista: ServiceConsulta[] = [];
|
||||
if (raw) {
|
||||
try {
|
||||
lista = JSON.parse(raw);
|
||||
} catch {
|
||||
lista = [];
|
||||
}
|
||||
}
|
||||
let filtradas = lista.filter((c) => c.medicoId === medicoId);
|
||||
const hoje = new Date();
|
||||
if (filtroData === "hoje") {
|
||||
const dStr = format(hoje, "yyyy-MM-dd");
|
||||
filtradas = filtradas.filter((c) => c.dataHora.startsWith(dStr));
|
||||
} else if (filtroData === "amanha") {
|
||||
const amanha = new Date(hoje);
|
||||
amanha.setDate(hoje.getDate() + 1);
|
||||
const dStr = format(amanha, "yyyy-MM-dd");
|
||||
filtradas = filtradas.filter((c) => c.dataHora.startsWith(dStr));
|
||||
} else if (filtroData === "semana") {
|
||||
const start = new Date(hoje);
|
||||
start.setDate(hoje.getDate() - hoje.getDay());
|
||||
const end = new Date(start);
|
||||
end.setDate(start.getDate() + 6);
|
||||
filtradas = filtradas.filter((c) => {
|
||||
const d = new Date(c.dataHora);
|
||||
return d >= start && d <= end;
|
||||
});
|
||||
}
|
||||
const pacientesResponse = await listPatients({ per_page: 200 }).catch(
|
||||
() => ({ data: [], total: 0, page: 1, per_page: 0 })
|
||||
);
|
||||
const pacMap: Record<string, Paciente> = {};
|
||||
const pacientesLista =
|
||||
"data" in pacientesResponse ? pacientesResponse.data : [];
|
||||
pacientesLista.forEach((p) => {
|
||||
pacMap[p.id] = {
|
||||
_id: p.id,
|
||||
nome: p.nome,
|
||||
telefone: p.telefone || "",
|
||||
email: p.email || "",
|
||||
convenio: p.convenio || "",
|
||||
observacoes: p.observacoes || "",
|
||||
};
|
||||
});
|
||||
setConsultas(
|
||||
filtradas.map((c) => ({
|
||||
id: c.id,
|
||||
pacienteId: c.pacienteId,
|
||||
medicoId: c.medicoId,
|
||||
pacienteNome: pacMap[c.pacienteId]?.nome || c.pacienteId,
|
||||
medicoNome: medicoNome,
|
||||
dataHora: c.dataHora,
|
||||
status: c.status,
|
||||
tipo: c.tipo,
|
||||
observacoes: c.observacoes,
|
||||
}))
|
||||
);
|
||||
} finally {
|
||||
setLoading(false);
|
||||
}
|
||||
}, [medicoId, filtroData, medicoNome]);
|
||||
|
||||
useEffect(() => {
|
||||
fetchConsultas();
|
||||
}, [fetchConsultas]);
|
||||
|
||||
// Carregar pacientes quando o modal de relatório abrir
|
||||
useEffect(() => {
|
||||
if (relatorioModalOpen && user?.id) {
|
||||
const carregarPacientes = async () => {
|
||||
try {
|
||||
// Temporariamente buscando todos os pacientes para demonstração
|
||||
const response = await listPatients({
|
||||
per_page: 200,
|
||||
// Filtro por médico removido temporariamente
|
||||
});
|
||||
if ("data" in response) {
|
||||
setPacientesDisponiveis(
|
||||
response.data.map((p) => ({
|
||||
id: p.id,
|
||||
nome: p.nome,
|
||||
}))
|
||||
);
|
||||
|
||||
if (response.data.length === 0) {
|
||||
toast("Nenhum paciente encontrado no sistema", {
|
||||
icon: "ℹ️",
|
||||
});
|
||||
} else {
|
||||
console.log(
|
||||
`✅ ${response.data.length} pacientes atribuídos carregados`
|
||||
);
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Erro ao carregar pacientes:", error);
|
||||
toast.error("Erro ao carregar lista de pacientes");
|
||||
}
|
||||
};
|
||||
carregarPacientes();
|
||||
}
|
||||
}, [relatorioModalOpen, user]);
|
||||
|
||||
// Removido: listagem de todos os médicos; painel bloqueado ao médico logado
|
||||
|
||||
// fetchConsultas substitui bloco anterior
|
||||
|
||||
const atualizarStatusConsulta = async (id: string, status: string) => {
|
||||
try {
|
||||
const resp = await consultasService.atualizar(id, { status });
|
||||
if (resp.success && resp.data) {
|
||||
setConsultas((prev) =>
|
||||
prev.map((c) =>
|
||||
c.id === id ? { ...c, status: resp.data!.status } : c
|
||||
)
|
||||
);
|
||||
// persist back
|
||||
try {
|
||||
const raw = localStorage.getItem("consultas_local");
|
||||
if (raw) {
|
||||
const arr = JSON.parse(raw);
|
||||
if (Array.isArray(arr)) {
|
||||
const upd = arr.map((x: Record<string, unknown>) =>
|
||||
x && x.id === id ? { ...x, status: resp.data!.status } : x
|
||||
);
|
||||
localStorage.setItem("consultas_local", JSON.stringify(upd));
|
||||
}
|
||||
}
|
||||
} catch {
|
||||
/* ignore */
|
||||
}
|
||||
toast.success("Status atualizado");
|
||||
} else toast.error(resp.error || "Falha ao atualizar");
|
||||
} catch {
|
||||
toast.error("Erro ao atualizar status");
|
||||
}
|
||||
};
|
||||
|
||||
const handleSubmitRelatorio = async (e: React.FormEvent) => {
|
||||
e.preventDefault();
|
||||
|
||||
if (!formRelatorio.patient_id) {
|
||||
toast.error("Selecione um paciente");
|
||||
return;
|
||||
}
|
||||
|
||||
setLoadingRelatorio(true);
|
||||
|
||||
try {
|
||||
// Gerar número do relatório automaticamente
|
||||
const orderNumber = `REL-${format(new Date(), "yyyy-MM")}-${Math.random()
|
||||
.toString(36)
|
||||
.substr(2, 6)
|
||||
.toUpperCase()}`;
|
||||
|
||||
const relatorioData: RelatorioCreate = {
|
||||
patient_id: formRelatorio.patient_id,
|
||||
order_number: formRelatorio.order_number || orderNumber,
|
||||
exam: formRelatorio.exam,
|
||||
diagnosis: formRelatorio.diagnosis,
|
||||
conclusion: formRelatorio.conclusion,
|
||||
cid_code: formRelatorio.cid_code || undefined,
|
||||
content_html:
|
||||
formRelatorio.content_html ||
|
||||
`<div>
|
||||
<h2>${formRelatorio.exam}</h2>
|
||||
<h3>Diagnóstico:</h3>
|
||||
<p>${formRelatorio.diagnosis}</p>
|
||||
<h3>Conclusão:</h3>
|
||||
<p>${formRelatorio.conclusion}</p>
|
||||
</div>`,
|
||||
status: formRelatorio.status,
|
||||
requested_by: formRelatorio.requested_by || medicoNome,
|
||||
due_at: formRelatorio.due_at
|
||||
? new Date(formRelatorio.due_at).toISOString()
|
||||
: undefined,
|
||||
hide_date: formRelatorio.hide_date,
|
||||
hide_signature: formRelatorio.hide_signature,
|
||||
};
|
||||
|
||||
const response = await relatorioService.criarRelatorio(relatorioData);
|
||||
|
||||
if (response.success) {
|
||||
toast.success("Relatório criado com sucesso!");
|
||||
setRelatorioModalOpen(false);
|
||||
// Reset form
|
||||
setFormRelatorio({
|
||||
patient_id: "",
|
||||
order_number: "",
|
||||
exam: "",
|
||||
diagnosis: "",
|
||||
conclusion: "",
|
||||
cid_code: "",
|
||||
content_html: "",
|
||||
status: "draft",
|
||||
requested_by: medicoNome,
|
||||
due_at: format(new Date(), "yyyy-MM-dd'T'HH:mm"),
|
||||
hide_date: false,
|
||||
hide_signature: false,
|
||||
});
|
||||
} else {
|
||||
toast.error(response.error || "Erro ao criar relatório");
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Erro ao criar relatório:", error);
|
||||
toast.error("Erro ao criar relatório");
|
||||
} finally {
|
||||
setLoadingRelatorio(false);
|
||||
}
|
||||
};
|
||||
|
||||
// salvarConsulta substituído por onSaved direto no modal
|
||||
|
||||
return (
|
||||
<div className="space-y-6">
|
||||
{/* Header com Gradiente */}
|
||||
<div className="bg-gradient-to-r from-blue-700 via-blue-600 to-blue-500 dark:from-blue-800 dark:via-blue-700 dark:to-blue-600 rounded-xl shadow-lg p-8">
|
||||
<div className="flex flex-col md:flex-row md:items-center md:justify-between">
|
||||
<div className="text-white">
|
||||
<h1 className="text-4xl font-bold mb-2">Painel do Médico</h1>
|
||||
<p className="text-blue-100 text-lg">
|
||||
Bem-vindo, Dr(a). {medicoNome}
|
||||
</p>
|
||||
<p className="text-blue-200 text-sm mt-1">
|
||||
Gerencie suas consultas e agenda
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex flex-col md:flex-row gap-4 mt-6 md:mt-0">
|
||||
<button
|
||||
onClick={() => setRelatorioModalOpen(true)}
|
||||
className="flex items-center justify-center gap-2 bg-white/20 hover:bg-white/30 backdrop-blur-sm text-white px-6 py-3 rounded-lg font-medium transition-all duration-200 shadow-md hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-white/70 focus-visible:ring-offset-2"
|
||||
>
|
||||
<FileText className="w-5 h-5" />
|
||||
<span>Criar Relatório</span>
|
||||
</button>
|
||||
<button
|
||||
onClick={() => setModalOpen(true)}
|
||||
className="flex items-center justify-center gap-2 bg-white hover:bg-blue-50 text-blue-700 px-6 py-3 rounded-lg font-medium transition-all duration-200 shadow-md hover:shadow-lg focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
<Calendar className="w-5 h-5" />
|
||||
<span>Nova Consulta</span>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Cards de Estatísticas */}
|
||||
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Total de Consultas
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-gray-900 dark:text-white mt-2">
|
||||
{consultas.length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-blue-100 dark:bg-blue-900/30 p-3 rounded-lg">
|
||||
<Calendar className="w-8 h-8 text-blue-600 dark:text-blue-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Confirmadas
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-green-600 dark:text-green-400 mt-2">
|
||||
{consultas.filter((c) => c.status === "confirmada").length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-green-100 dark:bg-green-900/30 p-3 rounded-lg">
|
||||
<CheckCircle className="w-8 h-8 text-green-600 dark:text-green-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700 hover:shadow-lg transition-shadow">
|
||||
<div className="flex items-center justify-between">
|
||||
<div>
|
||||
<p className="text-sm font-medium text-gray-600 dark:text-gray-400">
|
||||
Pendentes
|
||||
</p>
|
||||
<p className="text-3xl font-bold text-yellow-600 dark:text-yellow-400 mt-2">
|
||||
{consultas.filter((c) => c.status === "agendada").length}
|
||||
</p>
|
||||
</div>
|
||||
<div className="bg-yellow-100 dark:bg-yellow-900/30 p-3 rounded-lg">
|
||||
<Clock className="w-8 h-8 text-yellow-600 dark:text-yellow-400" />
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Filtros e Ações */}
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700">
|
||||
<div className="flex flex-col md:flex-row gap-4 items-center justify-between">
|
||||
<h2 className="text-xl font-semibold text-gray-900 dark:text-white">
|
||||
Suas Consultas
|
||||
</h2>
|
||||
|
||||
<div className="flex flex-col md:flex-row gap-4 w-full md:w-auto">
|
||||
<select
|
||||
value={filtroData}
|
||||
onChange={(e) => setFiltroData(e.target.value)}
|
||||
className="form-input min-w-[200px] focus:ring-2 focus:ring-blue-600 focus:border-blue-600/40"
|
||||
>
|
||||
<option value="hoje">Hoje</option>
|
||||
<option value="amanha">Amanhã</option>
|
||||
<option value="semana">Esta Semana</option>
|
||||
<option value="todas">Todas</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Gestão de Agenda do Médico */}
|
||||
{temAcessoMedico && medicoId && (
|
||||
<div className="space-y-6">
|
||||
<AvailabilityManager doctorId={medicoId} />
|
||||
<ExceptionsManager doctorId={medicoId} />
|
||||
</div>
|
||||
)}
|
||||
|
||||
{loading ? (
|
||||
<div className="flex justify-center py-12">
|
||||
<div className="animate-spin rounded-full h-8 w-8 border-b-2 border-blue-600" />
|
||||
</div>
|
||||
) : (
|
||||
<div className="bg-white dark:bg-gray-800 rounded-xl shadow-md p-6 border border-gray-200 dark:border-gray-700">
|
||||
<div className="flex items-center justify-between mb-6">
|
||||
<h3 className="text-lg font-semibold text-gray-900 dark:text-white">
|
||||
Lista de Consultas
|
||||
</h3>
|
||||
</div>
|
||||
<ConsultationList
|
||||
itens={consultas.map((c) => ({
|
||||
id: c.id,
|
||||
dataHora: c.dataHora,
|
||||
pacienteNome: c.pacienteNome,
|
||||
medicoNome: c.medicoNome,
|
||||
status: c.status,
|
||||
tipo: c.tipo,
|
||||
observacoes: c.observacoes,
|
||||
}))}
|
||||
loading={false}
|
||||
showPaciente
|
||||
showMedico={false}
|
||||
allowDelete={false}
|
||||
onChangeStatus={(id, st) => atualizarStatusConsulta(id, st)}
|
||||
onEdit={(id) => {
|
||||
const found = consultas.find((c) => c.id === id) || null;
|
||||
setEditing(found);
|
||||
setModalOpen(true);
|
||||
}}
|
||||
/>
|
||||
{consultas.length === 0 && (
|
||||
<div className="text-center py-8 text-sm text-gray-500">
|
||||
<AlertCircle className="w-6 h-6 mx-auto mb-2 text-gray-400" />
|
||||
Nenhuma consulta encontrada para o período.
|
||||
</div>
|
||||
)}
|
||||
</div>
|
||||
)}
|
||||
<ConsultaModal
|
||||
isOpen={modalOpen}
|
||||
onClose={() => setModalOpen(false)}
|
||||
editing={
|
||||
editing
|
||||
? ({
|
||||
id: editing.id,
|
||||
pacienteId: editing.pacienteId,
|
||||
medicoId: editing.medicoId,
|
||||
dataHora: editing.dataHora,
|
||||
status: editing.status,
|
||||
tipo: editing.tipo,
|
||||
} as {
|
||||
id: string;
|
||||
pacienteId: string;
|
||||
medicoId: string;
|
||||
dataHora: string;
|
||||
status: string;
|
||||
tipo?: string;
|
||||
})
|
||||
: null
|
||||
}
|
||||
onSaved={() => {
|
||||
setModalOpen(false);
|
||||
fetchConsultas();
|
||||
}}
|
||||
defaultMedicoId={medicoId}
|
||||
lockMedico
|
||||
/>
|
||||
|
||||
{/* Modal de Novo Relatório */}
|
||||
{relatorioModalOpen && (
|
||||
<div
|
||||
className="fixed inset-0 bg-black bg-opacity-50 flex items-center justify-center p-4 z-50"
|
||||
role="dialog"
|
||||
aria-modal="true"
|
||||
aria-labelledby="novo-relatorio-title"
|
||||
>
|
||||
<div className="bg-white rounded-lg shadow-xl max-w-2xl w-full max-h-[90vh] overflow-y-auto outline-none focus:outline-none">
|
||||
<div className="p-6">
|
||||
<div className="flex items-center justify-between mb-4">
|
||||
<h2
|
||||
id="novo-relatorio-title"
|
||||
className="text-2xl font-bold text-gray-900"
|
||||
>
|
||||
Novo Relatório
|
||||
</h2>
|
||||
<button
|
||||
onClick={() => setRelatorioModalOpen(false)}
|
||||
aria-label="Fechar modal de novo relatório"
|
||||
className="text-gray-400 hover:text-gray-600 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-300 focus-visible:ring-offset-2 rounded"
|
||||
>
|
||||
<X className="w-6 h-6" />
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<form onSubmit={handleSubmitRelatorio} className="space-y-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Paciente *
|
||||
</label>
|
||||
<select
|
||||
value={formRelatorio.patient_id}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
patient_id: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
required
|
||||
>
|
||||
<option value="">Selecione um paciente</option>
|
||||
{pacientesDisponiveis.map((p) => (
|
||||
<option key={p.id} value={p.id}>
|
||||
{p.nome}
|
||||
</option>
|
||||
))}
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Número do Pedido
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={formRelatorio.order_number}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
order_number: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
placeholder="Será gerado automaticamente"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Status *
|
||||
</label>
|
||||
<select
|
||||
value={formRelatorio.status}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
status: e.target.value as
|
||||
| "draft"
|
||||
| "pending"
|
||||
| "completed"
|
||||
| "cancelled",
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
required
|
||||
>
|
||||
<option value="draft">Rascunho</option>
|
||||
<option value="pending">Pendente</option>
|
||||
<option value="completed">Concluído</option>
|
||||
<option value="cancelled">Cancelado</option>
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Exame/Procedimento *
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={formRelatorio.exam}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
exam: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
placeholder="Ex: Radiografia de Tórax, Ultrassom Abdominal"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Diagnóstico *
|
||||
</label>
|
||||
<textarea
|
||||
value={formRelatorio.diagnosis}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
diagnosis: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
rows={3}
|
||||
placeholder="Descreva o diagnóstico"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Conclusão *
|
||||
</label>
|
||||
<textarea
|
||||
value={formRelatorio.conclusion}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
conclusion: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
rows={3}
|
||||
placeholder="Conclusão do exame/relatório"
|
||||
required
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 gap-4">
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Código CID
|
||||
</label>
|
||||
<input
|
||||
type="text"
|
||||
value={formRelatorio.cid_code}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
cid_code: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
placeholder="Ex: Z01.7, J00.0"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<label className="block text-sm font-medium text-gray-700 mb-2">
|
||||
Data de Vencimento
|
||||
</label>
|
||||
<input
|
||||
type="datetime-local"
|
||||
value={formRelatorio.due_at}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
due_at: e.target.value,
|
||||
})
|
||||
}
|
||||
className="form-input w-full"
|
||||
/>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-4">
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={formRelatorio.hide_date}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
hide_date: e.target.checked,
|
||||
})
|
||||
}
|
||||
className="form-checkbox"
|
||||
/>
|
||||
<span className="text-sm text-gray-700">
|
||||
Ocultar data no relatório
|
||||
</span>
|
||||
</label>
|
||||
|
||||
<label className="flex items-center gap-2">
|
||||
<input
|
||||
type="checkbox"
|
||||
checked={formRelatorio.hide_signature}
|
||||
onChange={(e) =>
|
||||
setFormRelatorio({
|
||||
...formRelatorio,
|
||||
hide_signature: e.target.checked,
|
||||
})
|
||||
}
|
||||
className="form-checkbox"
|
||||
/>
|
||||
<span className="text-sm text-gray-700">
|
||||
Ocultar assinatura
|
||||
</span>
|
||||
</label>
|
||||
</div>
|
||||
|
||||
<div className="bg-blue-50 border border-blue-200 rounded-lg p-4">
|
||||
<p className="text-sm text-blue-800">
|
||||
<strong>Solicitado por:</strong> {medicoNome}
|
||||
</p>
|
||||
<p className="text-xs text-blue-600 mt-1">
|
||||
Este relatório será associado ao médico logado
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div className="flex gap-3 pt-4">
|
||||
<button
|
||||
type="button"
|
||||
onClick={() => setRelatorioModalOpen(false)}
|
||||
className="flex-1 px-4 py-2 border border-gray-300 rounded-lg text-gray-700 hover:bg-gray-50"
|
||||
disabled={loadingRelatorio}
|
||||
>
|
||||
Cancelar
|
||||
</button>
|
||||
<button
|
||||
type="submit"
|
||||
className="flex-1 px-4 py-2 bg-green-600 text-white rounded-lg hover:bg-green-700 disabled:opacity-50"
|
||||
disabled={loadingRelatorio}
|
||||
>
|
||||
{loadingRelatorio ? "Gerando..." : "Gerar Relatório"}
|
||||
</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
)}
|
||||
|
||||
{/* Observações agora integradas ao fluxo de edição no modal */}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default PainelMedico;
|
||||
File diff suppressed because it is too large
Load Diff
@ -53,9 +53,13 @@ const ProntuarioPaciente = () => {
|
||||
if (!id) return;
|
||||
setLoading(true);
|
||||
try {
|
||||
const p = await getPatientById(id);
|
||||
const respPaciente = await getPatientById(id);
|
||||
if (!mounted) return;
|
||||
setPaciente(p);
|
||||
if (respPaciente.success && respPaciente.data) {
|
||||
setPaciente(respPaciente.data);
|
||||
} else {
|
||||
throw new Error(respPaciente.error || "Paciente não encontrado");
|
||||
}
|
||||
// metadata local
|
||||
try {
|
||||
const raw = localStorage.getItem("pacientes_meta") || "{}";
|
||||
@ -68,10 +72,11 @@ const ProntuarioPaciente = () => {
|
||||
setMeta(null);
|
||||
}
|
||||
// consultas (últimas + futuras limitadas)
|
||||
const resp = await consultasService.listarPorPaciente(id, {
|
||||
const respConsultas = await consultasService.listarPorPaciente(id, {
|
||||
limit: 20,
|
||||
});
|
||||
if (resp.success && resp.data) setConsultas(resp.data);
|
||||
if (respConsultas.success && respConsultas.data)
|
||||
setConsultas(respConsultas.data);
|
||||
// anexos
|
||||
try {
|
||||
const anexosList = await listPatientAttachments(id);
|
||||
@ -86,7 +91,7 @@ const ProntuarioPaciente = () => {
|
||||
} catch {
|
||||
setHistorico([]);
|
||||
}
|
||||
} catch (e) {
|
||||
} catch {
|
||||
toast.error("Paciente não encontrado");
|
||||
navigate("/painel-secretaria");
|
||||
} finally {
|
||||
@ -163,7 +168,7 @@ const ProntuarioPaciente = () => {
|
||||
const TabButton = ({ id: tabId, label }: { id: TabId; label: string }) => (
|
||||
<button
|
||||
onClick={() => setTab(tabId)}
|
||||
className={`px-4 py-2 text-sm font-medium border-b-2 -mb-px transition-colors ${
|
||||
className={`px-4 py-2 text-sm font-medium border-b-2 -mb-px transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 rounded-t ${
|
||||
tab === tabId
|
||||
? "border-blue-600 text-blue-600"
|
||||
: "border-transparent text-gray-500 hover:text-gray-700"
|
||||
@ -220,7 +225,7 @@ const ProntuarioPaciente = () => {
|
||||
|
||||
{tab === "resumo" && (
|
||||
<div className="grid gap-6 md:grid-cols-2">
|
||||
<div className="p-4 bg-white rounded shadow">
|
||||
<div className="p-4 bg-white rounded-xl shadow border border-gray-200">
|
||||
<h2 className="font-semibold mb-3">Visão Geral</h2>
|
||||
<ul className="text-sm space-y-1">
|
||||
<li>
|
||||
@ -231,10 +236,10 @@ const ProntuarioPaciente = () => {
|
||||
</li>
|
||||
<li>Convênio: {paciente.convenio || "Particular"}</li>
|
||||
<li>VIP: {paciente.vip ? "Sim" : "Não"}</li>
|
||||
<li>Tipo sanguíneo: {paciente.tipo_sanguineo || "—"}</li>
|
||||
<li>Tipo sanguíneo: {paciente.tipoSanguineo || "—"}</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="p-4 bg-white rounded shadow">
|
||||
<div className="p-4 bg-white rounded-xl shadow border border-gray-200">
|
||||
<h2 className="font-semibold mb-3">Contato</h2>
|
||||
<ul className="text-sm space-y-1">
|
||||
<li>Email: {paciente.email || "—"}</li>
|
||||
@ -259,7 +264,7 @@ const ProntuarioPaciente = () => {
|
||||
)}
|
||||
|
||||
{tab === "dados" && (
|
||||
<div className="p-4 bg-white rounded shadow space-y-4">
|
||||
<div className="p-4 bg-white rounded-xl shadow border border-gray-200 space-y-4">
|
||||
<h2 className="font-semibold">Dados Completos</h2>
|
||||
<div className="grid md:grid-cols-3 gap-4 text-sm">
|
||||
<div>
|
||||
@ -305,7 +310,7 @@ const ProntuarioPaciente = () => {
|
||||
)}
|
||||
|
||||
{tab === "consultas" && (
|
||||
<div className="p-4 bg-white rounded shadow">
|
||||
<div className="p-4 bg-white rounded-xl shadow border border-gray-200">
|
||||
<h2 className="font-semibold mb-4">Consultas</h2>
|
||||
{consultasOrdenadas.length === 0 && (
|
||||
<p className="text-sm text-gray-500">
|
||||
@ -339,10 +344,10 @@ const ProntuarioPaciente = () => {
|
||||
)}
|
||||
|
||||
{tab === "anexos" && (
|
||||
<div className="p-4 bg-white rounded shadow space-y-4">
|
||||
<div className="p-4 bg-white rounded-xl shadow border border-gray-200 space-y-4">
|
||||
<div className="flex items-center justify-between">
|
||||
<h2 className="font-semibold">Anexos</h2>
|
||||
<label className="text-sm bg-blue-600 text-white px-3 py-1 rounded cursor-pointer hover:bg-blue-700">
|
||||
<label className="text-sm bg-blue-600 text-white px-3 py-1 rounded cursor-pointer hover:bg-blue-700 focus-within:outline-none focus-within:ring-2 focus-within:ring-blue-500 focus-within:ring-offset-2">
|
||||
{uploading ? "Enviando..." : "Enviar Arquivos"}
|
||||
<input
|
||||
type="file"
|
||||
@ -375,14 +380,14 @@ const ProntuarioPaciente = () => {
|
||||
href={a.url}
|
||||
target="_blank"
|
||||
rel="noreferrer"
|
||||
className="text-blue-600 hover:underline"
|
||||
className="text-blue-600 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 rounded"
|
||||
>
|
||||
Abrir
|
||||
</a>
|
||||
)}
|
||||
<button
|
||||
onClick={() => handleRemoveAnexo(a)}
|
||||
className="text-red-600 hover:underline"
|
||||
className="text-red-600 hover:underline focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-red-500 focus-visible:ring-offset-2 rounded"
|
||||
>
|
||||
Remover
|
||||
</button>
|
||||
@ -394,7 +399,7 @@ const ProntuarioPaciente = () => {
|
||||
)}
|
||||
|
||||
{tab === "historico" && (
|
||||
<div className="p-4 bg-white rounded shadow">
|
||||
<div className="p-4 bg-white rounded-xl shadow border border-gray-200">
|
||||
<h2 className="font-semibold mb-4">
|
||||
Histórico de Alterações (Local)
|
||||
</h2>
|
||||
|
||||
@ -58,7 +58,8 @@ const TokenInspector: React.FC = () => {
|
||||
</p>
|
||||
<button
|
||||
onClick={load}
|
||||
className="text-xs px-3 py-1 rounded bg-gray-100 hover:bg-gray-200"
|
||||
aria-label="Recarregar token do localStorage"
|
||||
className="text-xs px-3 py-1 rounded bg-gray-100 hover:bg-gray-200 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
>
|
||||
Recarregar
|
||||
</button>
|
||||
@ -104,7 +105,7 @@ const TokenInspector: React.FC = () => {
|
||||
<button
|
||||
onClick={handleRefresh}
|
||||
disabled={refreshing}
|
||||
className="px-4 py-2 rounded bg-indigo-600 text-white text-sm disabled:opacity-50"
|
||||
className="px-4 py-2 rounded bg-indigo-600 text-white text-sm disabled:opacity-50 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-indigo-500 focus-visible:ring-offset-2"
|
||||
>
|
||||
{refreshing ? "Renovando..." : "Forçar Refresh"}
|
||||
</button>
|
||||
@ -113,7 +114,8 @@ const TokenInspector: React.FC = () => {
|
||||
authService.logout();
|
||||
load();
|
||||
}}
|
||||
className="px-4 py-2 rounded bg-gray-200 text-sm hover:bg-gray-300"
|
||||
className="px-4 py-2 rounded bg-gray-200 text-sm hover:bg-gray-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-400 focus-visible:ring-offset-2"
|
||||
aria-label="Fazer logout e limpar token"
|
||||
>
|
||||
Logout
|
||||
</button>
|
||||
@ -122,7 +124,8 @@ const TokenInspector: React.FC = () => {
|
||||
navigator.clipboard.writeText(token || "");
|
||||
}}
|
||||
disabled={!token}
|
||||
className="px-4 py-2 rounded bg-blue-100 text-blue-700 text-sm disabled:opacity-40"
|
||||
className="px-4 py-2 rounded bg-blue-100 text-blue-700 text-sm disabled:opacity-40 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-400 focus-visible:ring-offset-2"
|
||||
aria-label="Copiar token para a área de transferência"
|
||||
>
|
||||
Copiar
|
||||
</button>
|
||||
|
||||
345
MEDICONNECT 2/src/services/appointmentService.ts
Normal file
345
MEDICONNECT 2/src/services/appointmentService.ts
Normal file
@ -0,0 +1,345 @@
|
||||
/**
|
||||
* Service para gerenciar agendamentos (appointments)
|
||||
* API completa com horários disponíveis, CRUD de agendamentos
|
||||
*/
|
||||
import { http, ApiResponse } from "./http";
|
||||
import ENDPOINTS from "./endpoints";
|
||||
import authService from "./authService";
|
||||
|
||||
export type AppointmentStatus =
|
||||
| "requested"
|
||||
| "confirmed"
|
||||
| "checked_in"
|
||||
| "in_progress"
|
||||
| "completed"
|
||||
| "cancelled"
|
||||
| "no_show";
|
||||
|
||||
export type AppointmentType = "presencial" | "telemedicina";
|
||||
|
||||
export interface Appointment {
|
||||
id?: string;
|
||||
order_number?: string;
|
||||
patient_id?: string;
|
||||
doctor_id?: string;
|
||||
scheduled_at?: string; // ISO 8601
|
||||
duration_minutes?: number;
|
||||
appointment_type?: AppointmentType;
|
||||
status?: AppointmentStatus;
|
||||
chief_complaint?: string | null;
|
||||
patient_notes?: string | null;
|
||||
notes?: string | null;
|
||||
insurance_provider?: string | null;
|
||||
checked_in_at?: string | null;
|
||||
completed_at?: string | null;
|
||||
cancelled_at?: string | null;
|
||||
cancellation_reason?: string | null;
|
||||
created_at?: string;
|
||||
updated_at?: string;
|
||||
created_by?: string;
|
||||
updated_by?: string | null;
|
||||
}
|
||||
|
||||
export interface CreateAppointmentInput {
|
||||
patient_id: string;
|
||||
doctor_id: string;
|
||||
scheduled_at: string; // ISO 8601
|
||||
duration_minutes?: number;
|
||||
appointment_type?: AppointmentType;
|
||||
chief_complaint?: string;
|
||||
patient_notes?: string;
|
||||
insurance_provider?: string;
|
||||
}
|
||||
|
||||
export interface UpdateAppointmentInput {
|
||||
scheduled_at?: string;
|
||||
duration_minutes?: number;
|
||||
status?: AppointmentStatus;
|
||||
chief_complaint?: string;
|
||||
notes?: string;
|
||||
patient_notes?: string;
|
||||
insurance_provider?: string;
|
||||
checked_in_at?: string;
|
||||
completed_at?: string;
|
||||
cancelled_at?: string;
|
||||
cancellation_reason?: string;
|
||||
}
|
||||
|
||||
export interface AvailableSlotRequest {
|
||||
doctor_id: string;
|
||||
start_date: string; // ISO 8601
|
||||
end_date: string; // ISO 8601
|
||||
appointment_type?: AppointmentType;
|
||||
}
|
||||
|
||||
export interface AvailableSlot {
|
||||
datetime: string; // ISO 8601
|
||||
available: boolean;
|
||||
}
|
||||
|
||||
export interface AvailableSlotsResponse {
|
||||
slots: AvailableSlot[];
|
||||
}
|
||||
|
||||
export interface ListAppointmentsParams {
|
||||
select?: string;
|
||||
doctor_id?: string;
|
||||
patient_id?: string;
|
||||
status?: AppointmentStatus;
|
||||
scheduled_at?: string; // Usar operadores como gte.2025-10-10
|
||||
order?: string;
|
||||
limit?: number;
|
||||
offset?: number;
|
||||
}
|
||||
|
||||
class AppointmentService {
|
||||
async getAvailableSlots(
|
||||
params: AvailableSlotRequest
|
||||
): Promise<ApiResponse<AvailableSlotsResponse>> {
|
||||
try {
|
||||
const response = await http.post<AvailableSlotsResponse>(
|
||||
ENDPOINTS.AVAILABLE_SLOTS,
|
||||
params
|
||||
);
|
||||
if (response.success && response.data) {
|
||||
return { success: true, data: response.data };
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: response.error || "Erro ao buscar horários disponíveis",
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
success: false,
|
||||
error: error instanceof Error ? error.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async listAppointments(
|
||||
params?: ListAppointmentsParams
|
||||
): Promise<ApiResponse<Appointment[]>> {
|
||||
try {
|
||||
const queryParams: Record<string, string> = {};
|
||||
if (params?.select) queryParams.select = params.select;
|
||||
if (params?.doctor_id)
|
||||
queryParams["doctor_id"] = `eq.${params.doctor_id}`;
|
||||
if (params?.patient_id)
|
||||
queryParams["patient_id"] = `eq.${params.patient_id}`;
|
||||
if (params?.status) queryParams["status"] = `eq.${params.status}`;
|
||||
if (params?.scheduled_at)
|
||||
queryParams["scheduled_at"] = params.scheduled_at;
|
||||
if (params?.order) queryParams.order = params.order;
|
||||
if (params?.limit) queryParams.limit = String(params.limit);
|
||||
if (params?.offset) queryParams.offset = String(params.offset);
|
||||
if (!queryParams.select) queryParams.select = "*";
|
||||
if (!queryParams.order) queryParams.order = "scheduled_at.desc";
|
||||
if (!queryParams.limit) queryParams.limit = "100";
|
||||
const response = await http.get<Appointment[]>(ENDPOINTS.APPOINTMENTS, {
|
||||
params: queryParams,
|
||||
});
|
||||
if (response.success && response.data) {
|
||||
return {
|
||||
success: true,
|
||||
data: Array.isArray(response.data) ? response.data : [response.data],
|
||||
};
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: response.error || "Erro ao listar agendamentos",
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
success: false,
|
||||
error: error instanceof Error ? error.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async createAppointment(
|
||||
data: CreateAppointmentInput
|
||||
): Promise<ApiResponse<Appointment>> {
|
||||
try {
|
||||
// Pegar ID do usuário autenticado
|
||||
const user = authService.getStoredUser();
|
||||
if (!user?.id) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Usuário não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
const payload = {
|
||||
...data,
|
||||
created_by: user.id,
|
||||
};
|
||||
|
||||
const response = await http.post<Appointment>(
|
||||
ENDPOINTS.APPOINTMENTS,
|
||||
payload,
|
||||
{
|
||||
headers: { Prefer: "return=representation" },
|
||||
}
|
||||
);
|
||||
if (response.success && response.data) {
|
||||
const appointment = Array.isArray(response.data)
|
||||
? response.data[0]
|
||||
: response.data;
|
||||
return {
|
||||
success: true,
|
||||
data: appointment,
|
||||
message: "Agendamento criado com sucesso",
|
||||
};
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: response.error || "Erro ao criar agendamento",
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
success: false,
|
||||
error: error instanceof Error ? error.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async getAppointmentById(id: string): Promise<ApiResponse<Appointment>> {
|
||||
try {
|
||||
const response = await http.get<Appointment[]>(
|
||||
`${ENDPOINTS.APPOINTMENTS}?id=eq.${id}&select=*`
|
||||
);
|
||||
if (response.success && response.data) {
|
||||
const list = Array.isArray(response.data)
|
||||
? response.data
|
||||
: [response.data];
|
||||
if (list.length > 0) return { success: true, data: list[0] };
|
||||
}
|
||||
return { success: false, error: "Agendamento não encontrado" };
|
||||
} catch (error) {
|
||||
return {
|
||||
success: false,
|
||||
error: error instanceof Error ? error.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async updateAppointment(
|
||||
id: string,
|
||||
updates: UpdateAppointmentInput
|
||||
): Promise<ApiResponse<Appointment>> {
|
||||
try {
|
||||
const response = await http.patch<Appointment>(
|
||||
`${ENDPOINTS.APPOINTMENTS}?id=eq.${id}`,
|
||||
updates,
|
||||
{
|
||||
headers: { Prefer: "return=representation" },
|
||||
}
|
||||
);
|
||||
if (response.success && response.data) {
|
||||
const appointment = Array.isArray(response.data)
|
||||
? response.data[0]
|
||||
: response.data;
|
||||
return {
|
||||
success: true,
|
||||
data: appointment,
|
||||
message: "Agendamento atualizado com sucesso",
|
||||
};
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: response.error || "Erro ao atualizar agendamento",
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
success: false,
|
||||
error: error instanceof Error ? error.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async deleteAppointment(id: string): Promise<ApiResponse<void>> {
|
||||
try {
|
||||
const response = await http.delete<void>(
|
||||
`${ENDPOINTS.APPOINTMENTS}?id=eq.${id}`
|
||||
);
|
||||
if (response.success)
|
||||
return {
|
||||
success: true,
|
||||
data: undefined,
|
||||
message: "Agendamento deletado com sucesso",
|
||||
};
|
||||
return {
|
||||
success: false,
|
||||
error: response.error || "Erro ao deletar agendamento",
|
||||
};
|
||||
} catch (error) {
|
||||
return {
|
||||
success: false,
|
||||
error: error instanceof Error ? error.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Conveniências
|
||||
confirmAppointment(id: string) {
|
||||
return this.updateAppointment(id, { status: "confirmed" });
|
||||
}
|
||||
checkInAppointment(id: string) {
|
||||
return this.updateAppointment(id, {
|
||||
status: "checked_in",
|
||||
checked_in_at: new Date().toISOString(),
|
||||
});
|
||||
}
|
||||
startAppointment(id: string) {
|
||||
return this.updateAppointment(id, { status: "in_progress" });
|
||||
}
|
||||
completeAppointment(id: string, notes?: string) {
|
||||
return this.updateAppointment(id, {
|
||||
status: "completed",
|
||||
completed_at: new Date().toISOString(),
|
||||
notes,
|
||||
});
|
||||
}
|
||||
cancelAppointment(id: string, reason?: string) {
|
||||
return this.updateAppointment(id, {
|
||||
status: "cancelled",
|
||||
cancelled_at: new Date().toISOString(),
|
||||
cancellation_reason: reason,
|
||||
});
|
||||
}
|
||||
markAsNoShow(id: string) {
|
||||
return this.updateAppointment(id, { status: "no_show" });
|
||||
}
|
||||
listDoctorAppointments(
|
||||
doctorId: string,
|
||||
params?: Omit<ListAppointmentsParams, "doctor_id">
|
||||
) {
|
||||
return this.listAppointments({ ...params, doctor_id: doctorId });
|
||||
}
|
||||
listPatientAppointments(
|
||||
patientId: string,
|
||||
params?: Omit<ListAppointmentsParams, "patient_id">
|
||||
) {
|
||||
return this.listAppointments({ ...params, patient_id: patientId });
|
||||
}
|
||||
listTodayAppointments(doctorId: string) {
|
||||
const today = new Date().toISOString().split("T")[0];
|
||||
return this.listAppointments({
|
||||
doctor_id: doctorId,
|
||||
scheduled_at: `gte.${today}T00:00:00`,
|
||||
order: "scheduled_at.asc",
|
||||
});
|
||||
}
|
||||
listUpcomingPatientAppointments(patientId: string) {
|
||||
const now = new Date().toISOString();
|
||||
return this.listAppointments({
|
||||
patient_id: patientId,
|
||||
scheduled_at: `gte.${now}`,
|
||||
order: "scheduled_at.asc",
|
||||
limit: 10,
|
||||
});
|
||||
}
|
||||
}
|
||||
|
||||
export const appointmentService = new AppointmentService();
|
||||
export default appointmentService;
|
||||
406
MEDICONNECT 2/src/services/availabilityService.ts
Normal file
406
MEDICONNECT 2/src/services/availabilityService.ts
Normal file
@ -0,0 +1,406 @@
|
||||
/**
|
||||
* Service para gerenciar disponibilidades dos médicos
|
||||
* Configuração de horários de trabalho por dia da semana
|
||||
*/
|
||||
import { http, ApiResponse } from "./http";
|
||||
import ENDPOINTS from "./endpoints";
|
||||
import authService from "./authService";
|
||||
|
||||
export type Weekday =
|
||||
| "segunda"
|
||||
| "terca"
|
||||
| "quarta"
|
||||
| "quinta"
|
||||
| "sexta"
|
||||
| "sabado"
|
||||
| "domingo";
|
||||
|
||||
// Tipo que o banco de dados realmente aceita (provavelmente em inglês ou números)
|
||||
export type WeekdayDB =
|
||||
| "monday"
|
||||
| "tuesday"
|
||||
| "wednesday"
|
||||
| "thursday"
|
||||
| "friday"
|
||||
| "saturday"
|
||||
| "sunday";
|
||||
|
||||
export type AppointmentType = "presencial" | "telemedicina";
|
||||
|
||||
export interface DoctorAvailability {
|
||||
id?: string;
|
||||
doctor_id?: string;
|
||||
weekday?: Weekday;
|
||||
start_time?: string; // "09:00:00"
|
||||
end_time?: string; // "17:00:00"
|
||||
slot_minutes?: number; // padrão: 30
|
||||
appointment_type?: AppointmentType;
|
||||
active?: boolean;
|
||||
created_at?: string;
|
||||
updated_at?: string;
|
||||
created_by?: string;
|
||||
updated_by?: string | null;
|
||||
}
|
||||
|
||||
export interface CreateAvailabilityInput {
|
||||
doctor_id: string;
|
||||
weekday: Weekday;
|
||||
start_time: string;
|
||||
end_time: string;
|
||||
slot_minutes?: number;
|
||||
appointment_type?: AppointmentType;
|
||||
active?: boolean;
|
||||
}
|
||||
|
||||
export interface UpdateAvailabilityInput {
|
||||
weekday?: Weekday;
|
||||
start_time?: string;
|
||||
end_time?: string;
|
||||
slot_minutes?: number;
|
||||
appointment_type?: AppointmentType;
|
||||
active?: boolean;
|
||||
}
|
||||
|
||||
export interface ListAvailabilityParams {
|
||||
select?: string;
|
||||
doctor_id?: string;
|
||||
active?: boolean;
|
||||
}
|
||||
|
||||
export const WEEKDAY_MAP = {
|
||||
0: "domingo",
|
||||
1: "segunda",
|
||||
2: "terca",
|
||||
3: "quarta",
|
||||
4: "quinta",
|
||||
5: "sexta",
|
||||
6: "sabado",
|
||||
} as const;
|
||||
|
||||
export const WEEKDAY_LABELS = {
|
||||
segunda: "Segunda-feira",
|
||||
terca: "Terça-feira",
|
||||
quarta: "Quarta-feira",
|
||||
quinta: "Quinta-feira",
|
||||
sexta: "Sexta-feira",
|
||||
sabado: "Sábado",
|
||||
domingo: "Domingo",
|
||||
} as const;
|
||||
|
||||
// Mapeamento PT-BR → EN (para o banco de dados)
|
||||
export const WEEKDAY_PT_TO_EN: Record<Weekday, WeekdayDB> = {
|
||||
segunda: "monday",
|
||||
terca: "tuesday",
|
||||
quarta: "wednesday",
|
||||
quinta: "thursday",
|
||||
sexta: "friday",
|
||||
sabado: "saturday",
|
||||
domingo: "sunday",
|
||||
};
|
||||
|
||||
// Mapeamento EN → PT-BR (do banco de dados)
|
||||
export const WEEKDAY_EN_TO_PT: Record<WeekdayDB, Weekday> = {
|
||||
monday: "segunda",
|
||||
tuesday: "terca",
|
||||
wednesday: "quarta",
|
||||
thursday: "quinta",
|
||||
friday: "sexta",
|
||||
saturday: "sabado",
|
||||
sunday: "domingo",
|
||||
};
|
||||
|
||||
// Converter para formato do banco
|
||||
export function convertWeekdayToDB(weekday: Weekday): WeekdayDB {
|
||||
return WEEKDAY_PT_TO_EN[weekday];
|
||||
}
|
||||
|
||||
// Converter do formato do banco
|
||||
export function convertWeekdayFromDB(weekday: WeekdayDB): Weekday {
|
||||
return WEEKDAY_EN_TO_PT[weekday];
|
||||
}
|
||||
|
||||
export function getWeekdayName(dayNumber: number): Weekday {
|
||||
return WEEKDAY_MAP[dayNumber as keyof typeof WEEKDAY_MAP];
|
||||
}
|
||||
|
||||
export function getWeekdayFromDate(date: Date): Weekday {
|
||||
return getWeekdayName(date.getDay());
|
||||
}
|
||||
|
||||
class AvailabilityService {
|
||||
async listAvailability(
|
||||
params?: ListAvailabilityParams
|
||||
): Promise<ApiResponse<DoctorAvailability[]>> {
|
||||
try {
|
||||
const q: Record<string, string> = {};
|
||||
if (params?.select) q.select = params.select;
|
||||
if (params?.doctor_id) q["doctor_id"] = `eq.${params.doctor_id}`;
|
||||
if (params?.active !== undefined) q["active"] = `eq.${params.active}`;
|
||||
if (!q.select) q.select = "*";
|
||||
const res = await http.get<DoctorAvailability[]>(
|
||||
ENDPOINTS.DOCTOR_AVAILABILITY,
|
||||
{ params: q }
|
||||
);
|
||||
if (res.success && res.data) {
|
||||
const dataArray = Array.isArray(res.data) ? res.data : [res.data];
|
||||
// Converter weekdays do banco (inglês) para PT-BR
|
||||
const converted = dataArray.map((item) => {
|
||||
if (item.weekday) {
|
||||
return {
|
||||
...item,
|
||||
weekday: convertWeekdayFromDB(
|
||||
item.weekday as WeekdayDB
|
||||
) as Weekday,
|
||||
};
|
||||
}
|
||||
return item;
|
||||
});
|
||||
return {
|
||||
success: true,
|
||||
data: converted,
|
||||
};
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: res.error || "Erro ao listar disponibilidades",
|
||||
};
|
||||
} catch (e) {
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async createAvailability(
|
||||
data: CreateAvailabilityInput
|
||||
): Promise<ApiResponse<DoctorAvailability>> {
|
||||
try {
|
||||
console.log(
|
||||
"[AvailabilityService] Criando disponibilidade (PT-BR):",
|
||||
data
|
||||
);
|
||||
|
||||
// Pegar ID do usuário autenticado
|
||||
const user = authService.getStoredUser();
|
||||
if (!user?.id) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Usuário não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
// Converter weekday para inglês (formato do banco) e adicionar created_by
|
||||
const payload = {
|
||||
...data,
|
||||
weekday: convertWeekdayToDB(data.weekday),
|
||||
created_by: user.id,
|
||||
};
|
||||
|
||||
console.log("[AvailabilityService] Payload convertido (EN):", payload);
|
||||
console.log(
|
||||
"[AvailabilityService] Endpoint:",
|
||||
ENDPOINTS.DOCTOR_AVAILABILITY
|
||||
);
|
||||
|
||||
const res = await http.post<DoctorAvailability>(
|
||||
ENDPOINTS.DOCTOR_AVAILABILITY,
|
||||
payload,
|
||||
{ headers: { Prefer: "return=representation" } }
|
||||
);
|
||||
|
||||
console.log("[AvailabilityService] Resposta:", res);
|
||||
|
||||
if (res.success && res.data) {
|
||||
const item = Array.isArray(res.data) ? res.data[0] : res.data;
|
||||
// Converter weekday de volta para PT-BR antes de retornar
|
||||
if (item.weekday) {
|
||||
item.weekday = convertWeekdayFromDB(
|
||||
item.weekday as WeekdayDB
|
||||
) as Weekday;
|
||||
}
|
||||
return {
|
||||
success: true,
|
||||
data: item,
|
||||
message: "Disponibilidade criada com sucesso",
|
||||
};
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: res.error || "Erro ao criar disponibilidade",
|
||||
};
|
||||
} catch (e) {
|
||||
console.error("[AvailabilityService] Exceção:", e);
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async updateAvailability(
|
||||
id: string,
|
||||
updates: UpdateAvailabilityInput
|
||||
): Promise<ApiResponse<DoctorAvailability>> {
|
||||
try {
|
||||
// Converter weekday se presente
|
||||
const payload = updates.weekday
|
||||
? { ...updates, weekday: convertWeekdayToDB(updates.weekday) }
|
||||
: updates;
|
||||
|
||||
const res = await http.patch<DoctorAvailability>(
|
||||
`${ENDPOINTS.DOCTOR_AVAILABILITY}?id=eq.${id}`,
|
||||
payload,
|
||||
{ headers: { Prefer: "return=representation" } }
|
||||
);
|
||||
if (res.success && res.data) {
|
||||
const item = Array.isArray(res.data) ? res.data[0] : res.data;
|
||||
// Converter weekday de volta para PT-BR
|
||||
if (item.weekday) {
|
||||
item.weekday = convertWeekdayFromDB(
|
||||
item.weekday as WeekdayDB
|
||||
) as Weekday;
|
||||
}
|
||||
return {
|
||||
success: true,
|
||||
data: item,
|
||||
message: "Disponibilidade atualizada com sucesso",
|
||||
};
|
||||
}
|
||||
return {
|
||||
success: false,
|
||||
error: res.error || "Erro ao atualizar disponibilidade",
|
||||
};
|
||||
} catch (e) {
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async deleteAvailability(id: string): Promise<ApiResponse<void>> {
|
||||
try {
|
||||
const res = await http.delete<void>(
|
||||
`${ENDPOINTS.DOCTOR_AVAILABILITY}?id=eq.${id}`
|
||||
);
|
||||
if (res.success)
|
||||
return {
|
||||
success: true,
|
||||
data: undefined,
|
||||
message: "Disponibilidade deletada com sucesso",
|
||||
};
|
||||
return {
|
||||
success: false,
|
||||
error: res.error || "Erro ao deletar disponibilidade",
|
||||
};
|
||||
} catch (e) {
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async listDoctorActiveAvailability(doctorId: string) {
|
||||
return this.listAvailability({ doctor_id: doctorId, active: true });
|
||||
}
|
||||
activateAvailability(id: string) {
|
||||
return this.updateAvailability(id, { active: true });
|
||||
}
|
||||
deactivateAvailability(id: string) {
|
||||
return this.updateAvailability(id, { active: false });
|
||||
}
|
||||
|
||||
async createWeekSchedule(
|
||||
doctorId: string,
|
||||
weekdays: Weekday[],
|
||||
startTime: string,
|
||||
endTime: string,
|
||||
slotMinutes = 30,
|
||||
appointmentType: AppointmentType = "presencial"
|
||||
) {
|
||||
const results: DoctorAvailability[] = [];
|
||||
const errors: string[] = [];
|
||||
for (const weekday of weekdays) {
|
||||
const res = await this.createAvailability({
|
||||
doctor_id: doctorId,
|
||||
weekday,
|
||||
start_time: startTime,
|
||||
end_time: endTime,
|
||||
slot_minutes: slotMinutes,
|
||||
appointment_type: appointmentType,
|
||||
active: true,
|
||||
});
|
||||
if (res.success && res.data) results.push(res.data);
|
||||
else errors.push(`${weekday}: ${res.error}`);
|
||||
}
|
||||
if (errors.length)
|
||||
return {
|
||||
success: false,
|
||||
error: `Erros: ${errors.join(", ")}`,
|
||||
} as ApiResponse<DoctorAvailability[]>;
|
||||
return {
|
||||
success: true,
|
||||
data: results,
|
||||
message: "Horários da semana criados com sucesso",
|
||||
} as ApiResponse<DoctorAvailability[]>;
|
||||
}
|
||||
|
||||
async getDoctorAvailabilityForDay(doctorId: string, weekday: Weekday) {
|
||||
const res = await this.listAvailability({
|
||||
doctor_id: doctorId,
|
||||
active: true,
|
||||
});
|
||||
if (!res.success || !res.data)
|
||||
return res as ApiResponse<DoctorAvailability[]>;
|
||||
return {
|
||||
success: true,
|
||||
data: res.data.filter((a) => a.weekday === weekday),
|
||||
} as ApiResponse<DoctorAvailability[]>;
|
||||
}
|
||||
|
||||
async isDoctorAvailableOnDay(doctorId: string, weekday: Weekday) {
|
||||
const res = await this.getDoctorAvailabilityForDay(doctorId, weekday);
|
||||
return !!(res.success && res.data && res.data.length > 0);
|
||||
}
|
||||
|
||||
async getDoctorScheduleSummary(
|
||||
doctorId: string
|
||||
): Promise<
|
||||
ApiResponse<
|
||||
Record<
|
||||
Weekday,
|
||||
Array<{ start: string; end: string; type: AppointmentType }>
|
||||
>
|
||||
>
|
||||
> {
|
||||
const res = await this.listDoctorActiveAvailability(doctorId);
|
||||
if (!res.success || !res.data)
|
||||
return { success: false, error: "Erro ao buscar horários" };
|
||||
const summary: Record<
|
||||
Weekday,
|
||||
Array<{ start: string; end: string; type: AppointmentType }>
|
||||
> = {
|
||||
segunda: [],
|
||||
terca: [],
|
||||
quarta: [],
|
||||
quinta: [],
|
||||
sexta: [],
|
||||
sabado: [],
|
||||
domingo: [],
|
||||
};
|
||||
res.data.forEach((a) => {
|
||||
if (a.weekday && a.start_time && a.end_time)
|
||||
summary[a.weekday].push({
|
||||
start: a.start_time,
|
||||
end: a.end_time,
|
||||
type: a.appointment_type || "presencial",
|
||||
});
|
||||
});
|
||||
return { success: true, data: summary };
|
||||
}
|
||||
}
|
||||
|
||||
export const availabilityService = new AvailabilityService();
|
||||
export default availabilityService;
|
||||
@ -1,6 +1,7 @@
|
||||
// Centralização de endpoints REST (Supabase PostgREST)
|
||||
// Ajuste AQUI se mudar o nome de tabelas / views no banco.
|
||||
// Exemplo: se sua tabela real é "medicos" em vez de "doctors", defina DOCTORS = "/rest/v1/medicos".
|
||||
// Descoberta atual (scripts/verificar-todas-tabelas.js): existem doctors, patients, profiles, appointments.
|
||||
// Tabelas em pt-BR (medicos, pacientes) não existem nesse projeto/instância.
|
||||
// IMPORTANTE: manter sempre o prefixo "/rest/v1".
|
||||
|
||||
export const ENDPOINTS = {
|
||||
@ -8,7 +9,13 @@ export const ENDPOINTS = {
|
||||
PATIENTS: "/rest/v1/patients", // ou "/rest/v1/pacientes"
|
||||
PROFILES: "/rest/v1/profiles",
|
||||
REPORTS: "/rest/v1/reports",
|
||||
CONSULTATIONS: "/rest/v1/appointments", // Tabela appointments no Supabase (criar depois)
|
||||
// Consultas/Agendamentos
|
||||
APPOINTMENTS: "/rest/v1/appointments", // CRUD de agendamentos
|
||||
CONSULTATIONS: "/rest/v1/appointments", // alias para compatibilidade
|
||||
AVAILABLE_SLOTS: "/functions/v1/get-available-slots", // horários disponíveis
|
||||
// Disponibilidade e Exceções do médico
|
||||
DOCTOR_AVAILABILITY: "/rest/v1/doctor_availability",
|
||||
DOCTOR_EXCEPTIONS: "/rest/v1/doctor_exceptions",
|
||||
PATIENT_ASSIGNMENTS: "/rest/v1/patient_assignments",
|
||||
USER_ROLES: "/rest/v1/user_roles",
|
||||
SMS: "/rest/v1/sms",
|
||||
|
||||
333
MEDICONNECT 2/src/services/exceptionService.ts
Normal file
333
MEDICONNECT 2/src/services/exceptionService.ts
Normal file
@ -0,0 +1,333 @@
|
||||
/**
|
||||
* Service para gerenciar exceções na agenda dos médicos
|
||||
* Bloqueios (férias, feriados) e liberações (horários extras)
|
||||
*/
|
||||
import { http, ApiResponse } from "./http";
|
||||
import ENDPOINTS from "./endpoints";
|
||||
import authService from "./authService";
|
||||
|
||||
export type ExceptionKind = "bloqueio" | "liberacao";
|
||||
|
||||
export interface DoctorException {
|
||||
id?: string;
|
||||
doctor_id?: string;
|
||||
date?: string; // YYYY-MM-DD
|
||||
start_time?: string | null; // HH:MM:SS
|
||||
end_time?: string | null; // HH:MM:SS
|
||||
kind?: ExceptionKind;
|
||||
reason?: string | null;
|
||||
created_at?: string;
|
||||
created_by?: string;
|
||||
}
|
||||
|
||||
export interface CreateExceptionInput {
|
||||
doctor_id: string;
|
||||
date: string;
|
||||
start_time?: string;
|
||||
end_time?: string;
|
||||
kind: ExceptionKind;
|
||||
reason?: string;
|
||||
}
|
||||
|
||||
export interface ListExceptionsParams {
|
||||
select?: string;
|
||||
doctor_id?: string;
|
||||
date?: string;
|
||||
}
|
||||
|
||||
export function formatDateForApi(date: Date): string {
|
||||
const y = date.getFullYear();
|
||||
const m = String(date.getMonth() + 1).padStart(2, "0");
|
||||
const d = String(date.getDate()).padStart(2, "0");
|
||||
return `${y}-${m}-${d}`;
|
||||
}
|
||||
|
||||
export function formatTimeForApi(hours: number, minutes = 0): string {
|
||||
return `${String(hours).padStart(2, "0")}:${String(minutes).padStart(
|
||||
2,
|
||||
"0"
|
||||
)}:00`;
|
||||
}
|
||||
|
||||
export function isFullDayException(exception: DoctorException): boolean {
|
||||
return !exception.start_time && !exception.end_time;
|
||||
}
|
||||
|
||||
export function getExceptionKindLabel(kind: ExceptionKind): string {
|
||||
return kind === "bloqueio" ? "Bloqueio" : "Liberação";
|
||||
}
|
||||
|
||||
class ExceptionService {
|
||||
async listExceptions(
|
||||
params?: ListExceptionsParams
|
||||
): Promise<ApiResponse<DoctorException[]>> {
|
||||
try {
|
||||
const q: Record<string, string> = {};
|
||||
if (params?.select) q.select = params.select;
|
||||
if (params?.doctor_id) q["doctor_id"] = `eq.${params.doctor_id}`;
|
||||
if (params?.date) q["date"] = `eq.${params.date}`;
|
||||
if (!q.select) q.select = "*";
|
||||
const res = await http.get<DoctorException[]>(
|
||||
ENDPOINTS.DOCTOR_EXCEPTIONS,
|
||||
{ params: q }
|
||||
);
|
||||
if (res.success && res.data) {
|
||||
return {
|
||||
success: true,
|
||||
data: Array.isArray(res.data) ? res.data : [res.data],
|
||||
};
|
||||
}
|
||||
return { success: false, error: res.error || "Erro ao listar exceções" };
|
||||
} catch (e) {
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async createException(
|
||||
data: CreateExceptionInput
|
||||
): Promise<ApiResponse<DoctorException>> {
|
||||
try {
|
||||
// Pegar ID do usuário autenticado
|
||||
const user = authService.getStoredUser();
|
||||
if (!user?.id) {
|
||||
return {
|
||||
success: false,
|
||||
error: "Usuário não autenticado",
|
||||
};
|
||||
}
|
||||
|
||||
const payload = {
|
||||
...data,
|
||||
created_by: user.id,
|
||||
};
|
||||
|
||||
const res = await http.post<DoctorException>(
|
||||
ENDPOINTS.DOCTOR_EXCEPTIONS,
|
||||
payload,
|
||||
{ headers: { Prefer: "return=representation" } }
|
||||
);
|
||||
if (res.success && res.data) {
|
||||
const item = Array.isArray(res.data) ? res.data[0] : res.data;
|
||||
return {
|
||||
success: true,
|
||||
data: item,
|
||||
message: "Exceção criada com sucesso",
|
||||
};
|
||||
}
|
||||
return { success: false, error: res.error || "Erro ao criar exceção" };
|
||||
} catch (e) {
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
async deleteException(id: string): Promise<ApiResponse<void>> {
|
||||
try {
|
||||
const res = await http.delete<void>(
|
||||
`${ENDPOINTS.DOCTOR_EXCEPTIONS}?id=eq.${id}`
|
||||
);
|
||||
if (res.success)
|
||||
return {
|
||||
success: true,
|
||||
data: undefined,
|
||||
message: "Exceção deletada com sucesso",
|
||||
};
|
||||
return { success: false, error: res.error || "Erro ao deletar exceção" };
|
||||
} catch (e) {
|
||||
return {
|
||||
success: false,
|
||||
error: e instanceof Error ? e.message : "Erro desconhecido",
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
// Conveniências - bloqueios
|
||||
blockFullDay(doctorId: string, date: string, reason?: string) {
|
||||
return this.createException({
|
||||
doctor_id: doctorId,
|
||||
date,
|
||||
kind: "bloqueio",
|
||||
reason,
|
||||
});
|
||||
}
|
||||
blockTimeSlot(
|
||||
doctorId: string,
|
||||
date: string,
|
||||
startTime: string,
|
||||
endTime: string,
|
||||
reason?: string
|
||||
) {
|
||||
return this.createException({
|
||||
doctor_id: doctorId,
|
||||
date,
|
||||
start_time: startTime,
|
||||
end_time: endTime,
|
||||
kind: "bloqueio",
|
||||
reason,
|
||||
});
|
||||
}
|
||||
async blockVacation(
|
||||
doctorId: string,
|
||||
startDate: string,
|
||||
endDate: string,
|
||||
reason = "Férias"
|
||||
) {
|
||||
const start = new Date(startDate);
|
||||
const end = new Date(endDate);
|
||||
const results: DoctorException[] = [];
|
||||
const errors: string[] = [];
|
||||
for (let d = new Date(start); d <= end; d.setDate(d.getDate() + 1)) {
|
||||
const ds = formatDateForApi(d);
|
||||
const res = await this.blockFullDay(doctorId, ds, reason);
|
||||
if (res.success && res.data) results.push(res.data);
|
||||
else errors.push(`${ds}: ${res.error}`);
|
||||
}
|
||||
if (errors.length)
|
||||
return {
|
||||
success: false,
|
||||
error: `Erros ao bloquear férias: ${errors.join(", ")}`,
|
||||
} as ApiResponse<DoctorException[]>;
|
||||
return {
|
||||
success: true,
|
||||
data: results,
|
||||
message: `${results.length} dia(s) bloqueado(s)`,
|
||||
} as ApiResponse<DoctorException[]>;
|
||||
}
|
||||
|
||||
// Conveniências - liberações
|
||||
releaseFullDay(doctorId: string, date: string, reason?: string) {
|
||||
return this.createException({
|
||||
doctor_id: doctorId,
|
||||
date,
|
||||
kind: "liberacao",
|
||||
reason,
|
||||
});
|
||||
}
|
||||
releaseTimeSlot(
|
||||
doctorId: string,
|
||||
date: string,
|
||||
startTime: string,
|
||||
endTime: string,
|
||||
reason?: string
|
||||
) {
|
||||
return this.createException({
|
||||
doctor_id: doctorId,
|
||||
date,
|
||||
start_time: startTime,
|
||||
end_time: endTime,
|
||||
kind: "liberacao",
|
||||
reason,
|
||||
});
|
||||
}
|
||||
|
||||
// Consultas
|
||||
async listDoctorBlocks(doctorId: string) {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId });
|
||||
if (!res.success || !res.data) return res as ApiResponse<DoctorException[]>;
|
||||
return {
|
||||
success: true,
|
||||
data: res.data.filter((e) => e.kind === "bloqueio"),
|
||||
} as ApiResponse<DoctorException[]>;
|
||||
}
|
||||
async listDoctorReleases(doctorId: string) {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId });
|
||||
if (!res.success || !res.data) return res as ApiResponse<DoctorException[]>;
|
||||
return {
|
||||
success: true,
|
||||
data: res.data.filter((e) => e.kind === "liberacao"),
|
||||
} as ApiResponse<DoctorException[]>;
|
||||
}
|
||||
async isDayBlocked(doctorId: string, date: string) {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId, date });
|
||||
if (!res.success || !res.data) return false;
|
||||
return res.data.some((e) => e.kind === "bloqueio");
|
||||
}
|
||||
async isTimeSlotBlocked(doctorId: string, date: string, time: string) {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId, date });
|
||||
if (!res.success || !res.data) return false;
|
||||
for (const e of res.data) {
|
||||
if (e.kind !== "bloqueio") continue;
|
||||
if (!e.start_time && !e.end_time) return true;
|
||||
if (e.start_time && e.end_time) {
|
||||
if (time >= e.start_time && time <= e.end_time) return true;
|
||||
}
|
||||
}
|
||||
return false;
|
||||
}
|
||||
async getFutureExceptions(doctorId: string) {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId });
|
||||
if (!res.success || !res.data) return res as ApiResponse<DoctorException[]>;
|
||||
const today = formatDateForApi(new Date());
|
||||
return {
|
||||
success: true,
|
||||
data: res.data.filter((e) => e.date && e.date >= today),
|
||||
} as ApiResponse<DoctorException[]>;
|
||||
}
|
||||
async getMonthExceptionsSummary(
|
||||
doctorId: string,
|
||||
year: number,
|
||||
month: number
|
||||
): Promise<
|
||||
ApiResponse<{
|
||||
blocks: DoctorException[];
|
||||
releases: DoctorException[];
|
||||
totalBlocks: number;
|
||||
totalReleases: number;
|
||||
}>
|
||||
> {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId });
|
||||
if (!res.success || !res.data)
|
||||
return { success: false, error: "Erro ao buscar exceções" };
|
||||
const prefix = `${year}-${String(month).padStart(2, "0")}`;
|
||||
const list = res.data.filter((e) => e.date && e.date.startsWith(prefix));
|
||||
const blocks = list.filter((e) => e.kind === "bloqueio");
|
||||
const releases = list.filter((e) => e.kind === "liberacao");
|
||||
return {
|
||||
success: true,
|
||||
data: {
|
||||
blocks,
|
||||
releases,
|
||||
totalBlocks: blocks.length,
|
||||
totalReleases: releases.length,
|
||||
},
|
||||
};
|
||||
}
|
||||
async deleteExceptionsInRange(
|
||||
doctorId: string,
|
||||
startDate: string,
|
||||
endDate: string
|
||||
): Promise<ApiResponse<{ deletedCount: number }>> {
|
||||
const res = await this.listExceptions({ doctor_id: doctorId });
|
||||
if (!res.success || !res.data)
|
||||
return { success: false, error: "Erro ao buscar exceções" };
|
||||
const inRange = res.data.filter(
|
||||
(e) => e.date && e.date >= startDate && e.date <= endDate
|
||||
);
|
||||
let deleted = 0;
|
||||
const errors: string[] = [];
|
||||
for (const e of inRange) {
|
||||
if (!e.id) continue;
|
||||
const r = await this.deleteException(e.id);
|
||||
if (r.success) deleted++;
|
||||
else errors.push(`${e.date}: ${r.error}`);
|
||||
}
|
||||
if (errors.length)
|
||||
return {
|
||||
success: false,
|
||||
error: `Erros ao deletar: ${errors.join(", ")}`,
|
||||
};
|
||||
return {
|
||||
success: true,
|
||||
data: { deletedCount: deleted },
|
||||
message: `${deleted} exceção(ões) deletada(s)`,
|
||||
};
|
||||
}
|
||||
}
|
||||
|
||||
export const exceptionService = new ExceptionService();
|
||||
export default exceptionService;
|
||||
@ -26,15 +26,36 @@ export function parseError(err: unknown): HttpErrorPayload {
|
||||
const axiosErr = err as AxiosError<unknown>;
|
||||
const status = axiosErr?.response?.status;
|
||||
const data = (axiosErr?.response?.data as Record<string, unknown>) || {};
|
||||
|
||||
// Supabase pode retornar erro em diferentes formatos
|
||||
const msg =
|
||||
(data["message"] as string) ||
|
||||
(data["msg"] as string) ||
|
||||
(data["error_description"] as string) ||
|
||||
(data["error"] as string) ||
|
||||
(data["hint"] as string) ||
|
||||
axiosErr.message ||
|
||||
"Erro desconhecido";
|
||||
|
||||
// Adicionar detalhes do Supabase se disponível
|
||||
const hint = data["hint"] as string | undefined;
|
||||
const detail = data["details"] as string | undefined;
|
||||
const finalMsg = hint
|
||||
? `${msg} (${hint})`
|
||||
: detail
|
||||
? `${msg} (${detail})`
|
||||
: msg;
|
||||
|
||||
console.error("[HTTP] Erro capturado:", {
|
||||
status,
|
||||
message: finalMsg,
|
||||
code: data["code"],
|
||||
details: data,
|
||||
});
|
||||
|
||||
return {
|
||||
status,
|
||||
message: msg,
|
||||
message: finalMsg,
|
||||
code: data["code"] as string | undefined,
|
||||
details: data,
|
||||
};
|
||||
@ -104,37 +125,27 @@ interface PendingRetry {
|
||||
originalErr: unknown;
|
||||
attemptedRefresh: boolean;
|
||||
}
|
||||
const REFRESH_LOCK: { running: boolean; queue: Array<() => void> } = {
|
||||
running: false,
|
||||
queue: [],
|
||||
};
|
||||
// Single-flight promise to deduplicate refresh attempts
|
||||
let ongoingRefresh: Promise<boolean> | null = null;
|
||||
|
||||
// Contador global de 401 consecutivos sem sucesso (refresh ou request bem sucedido reseta)
|
||||
let consecutive401 = 0;
|
||||
const { MAX_401_BEFORE_FORCED_LOGOUT } = AUTH_SECURITY_CONFIG;
|
||||
|
||||
async function runWithGlobalRefreshLock<T>(fn: () => Promise<T>): Promise<T> {
|
||||
if (REFRESH_LOCK.running) {
|
||||
await new Promise<void>((resolve) => REFRESH_LOCK.queue.push(resolve));
|
||||
}
|
||||
REFRESH_LOCK.running = true;
|
||||
try {
|
||||
return await fn();
|
||||
} finally {
|
||||
REFRESH_LOCK.running = false;
|
||||
while (REFRESH_LOCK.queue.length) {
|
||||
const r = REFRESH_LOCK.queue.shift();
|
||||
if (r) r();
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
async function attemptRefreshToken(): Promise<boolean> {
|
||||
// Tenta refresh via authService (se houver refresh token no localStorage)
|
||||
const refreshToken = tokenStore.getRefreshToken();
|
||||
if (!refreshToken) return false;
|
||||
const resp = await authService.refreshToken();
|
||||
return resp.success;
|
||||
if (ongoingRefresh) return ongoingRefresh;
|
||||
ongoingRefresh = (async () => {
|
||||
// Tenta refresh via authService (se houver refresh token no storage)
|
||||
const refreshToken = tokenStore.getRefreshToken();
|
||||
if (!refreshToken) return false;
|
||||
const resp = await authService.refreshToken();
|
||||
return resp.success;
|
||||
})();
|
||||
try {
|
||||
return await ongoingRefresh;
|
||||
} finally {
|
||||
ongoingRefresh = null;
|
||||
}
|
||||
}
|
||||
|
||||
async function execWithRetry<T>(
|
||||
@ -162,9 +173,7 @@ async function execWithRetry<T>(
|
||||
if (is401 && !state.attemptedRefresh) {
|
||||
state.attemptedRefresh = true;
|
||||
try {
|
||||
const refreshed = await runWithGlobalRefreshLock(async () =>
|
||||
attemptRefreshToken()
|
||||
);
|
||||
const refreshed = await attemptRefreshToken();
|
||||
if (refreshed) {
|
||||
// refresh ok, não conta como 401 final
|
||||
if (consecutive401 > 0) consecutive401 = 0;
|
||||
|
||||
@ -10,5 +10,8 @@ export { default as userRoleService } from "./userRoleService";
|
||||
export { default as userAdminService } from "./userAdminService";
|
||||
export { default as patientAssignmentService } from "./patientAssignmentService";
|
||||
export { default as smsService } from "./smsService";
|
||||
export { default as appointmentService } from "./appointmentService";
|
||||
export { default as availabilityService } from "./availabilityService";
|
||||
export { default as exceptionService } from "./exceptionService";
|
||||
|
||||
// Intencionalmente NÃO reexporta arquivos deprecated: consultaService, relatorioService, listarPacientes, pacientes.js, api.js
|
||||
|
||||
@ -1,5 +1,7 @@
|
||||
import { listPatients, type Paciente } from "./pacienteService";
|
||||
|
||||
export async function listarPacientes(): Promise<Paciente[]> {
|
||||
return listPatients();
|
||||
const resp = await listPatients({ per_page: 100 });
|
||||
if ("data" in resp) return resp.data;
|
||||
return [];
|
||||
}
|
||||
|
||||
@ -157,10 +157,7 @@ class MedicoService {
|
||||
let remote: MedicoDetalhado[] = [];
|
||||
const endpointTried: string[] = [];
|
||||
let lastError: unknown = null;
|
||||
const candidates = [
|
||||
ENDPOINTS.DOCTORS,
|
||||
ENDPOINTS.DOCTORS.replace("/doctors", "/medicos"),
|
||||
];
|
||||
const candidates = [ENDPOINTS.DOCTORS];
|
||||
for (const ep of candidates) {
|
||||
try {
|
||||
// Construir params manualmente para evitar valores booleanos diretos
|
||||
@ -258,7 +255,15 @@ class MedicoService {
|
||||
}
|
||||
|
||||
async criarMedico(
|
||||
medico: MedicoCreate
|
||||
medico: Partial<MedicoCreate> & {
|
||||
nome: string;
|
||||
email: string;
|
||||
crm: string;
|
||||
crmUf: string;
|
||||
especialidade: string;
|
||||
telefone: string;
|
||||
status?: "ativo" | "inativo";
|
||||
}
|
||||
): Promise<ApiResponse<MedicoDetalhado>> {
|
||||
// Montar payload alinhado ao schema da tabela doctors
|
||||
const apiPayload: Record<string, unknown> = {
|
||||
|
||||
@ -243,10 +243,7 @@ export async function listPatients(params?: {
|
||||
|
||||
// Se não tem userId ou falhou, buscar todos os pacientes (comportamento original)
|
||||
if (raw.length === 0) {
|
||||
const candidates = [
|
||||
ENDPOINTS.PATIENTS,
|
||||
ENDPOINTS.PATIENTS.replace("/patients", "/pacientes"),
|
||||
];
|
||||
const candidates = [ENDPOINTS.PATIENTS];
|
||||
for (const ep of candidates) {
|
||||
try {
|
||||
const response = await http.get<
|
||||
|
||||
@ -194,8 +194,9 @@ export async function updateReport(
|
||||
Object.keys(body).forEach((k) => {
|
||||
if (body[k] === undefined || body[k] === "") delete body[k];
|
||||
});
|
||||
// Supabase PostgREST: updates por query (id=eq.<id>)
|
||||
const resp = await http.patch<unknown>(
|
||||
`${ENDPOINTS.REPORTS}/${encodeURIComponent(id)}`,
|
||||
`${ENDPOINTS.REPORTS}?id=eq.${encodeURIComponent(id)}`,
|
||||
body,
|
||||
{ headers: { Prefer: "return=representation" } }
|
||||
);
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
x
Reference in New Issue
Block a user