// src/pages/ProfilePage.jsx
import React, { useState } from 'react';
import { useLocation, useNavigate } from 'react-router-dom';
// import { useAuth } from '../components/utils/AuthProvider'; // <-- NOVO: Se você puder importar isso.
// --- SIMULAÇÃO DE DADOS DE USUÁRIO ---
// COMO NÃO PODEMOS IMPORTAR O useAuth SEM MEXER EM OUTROS ARQUIVOS, VAMOS USAR ESTA SIMULAÇÃO:
const simulatedUserData = {
// ESTA SIMULAÇÃO DEVERIA SER SUBTITUÍDA PELO SEU CONTEXTO DE AUTENTICAÇÃO REAL.
// O EMAIL REALMENTE LOGADO VEM DO CONTEXTO DE AUTENTICAÇÃO (useAuth)
email: 'admin@squad23.com',
role: 'Administrador' // Vamos forçar um valor para fins de visualização
};
const ProfilePage = () => {
const location = useLocation();
const navigate = useNavigate();
// const { user } = useAuth(); // Descomente esta linha e comente o bloco simulatedUserData se puder usar o useAuth!
// --- Lógica de Cargo (AGORA CORRIGIDA PARA PEGAR DA URL SE O CONTEXTO FALHAR) ---
const getRoleFromPath = () => {
const path = location.pathname;
if (path.includes('/admin')) return 'Administrador';
if (path.includes('/secretaria')) return 'Secretária';
if (path.includes('/medico')) return 'Médico';
if (path.includes('/financeiro')) return 'Financeiro';
return 'Usuário Padrão';
};
// Use a simulação ou o dado real:
const userRole = simulatedUserData.role || getRoleFromPath();
const userEmail = simulatedUserData.email || 'email.nao.encontrado@mediconnect.com';
// --- Estados do Componente ---
// Se o nome do usuário vier do contexto de autenticação, use-o aqui
const [userName, setUserName] = useState('Admin Padrão');
const [isEditingName, setIsEditingName] = useState(false);
// --- Funções de Interação ---
const handleNameChange = (e) => {
if (e.key === 'Enter') {
setIsEditingName(false);
}
};
const handleClose = () => {
navigate(-1); // Volta para a página anterior
};
return (
{/* Botão de Fechar (X) */}
{/* 1. Área da Foto de Perfil (Quadrada) */}