From 53e6223dab95410bd518bbda2d162df09a776f77 Mon Sep 17 00:00:00 2001
From: NANDO9322 <andre.fr93@gmail.com>
Date: Fri, 20 Feb 2026 10:26:00 -0300
Subject: [PATCH] =?UTF-8?q?fix:=20-=20ajuste=20na=20barra=20de=20rolagem?=
 =?UTF-8?q?=20no=20modal=20de=20novo=20usuario=20-=20ajuste=20no=20redirec?=
 =?UTF-8?q?ionamento=20para=20rota=20de=20perfil=20em=20ambiente=20mobile?=
 =?UTF-8?q?=20-=20ajuste=20no=20nome=20da=20fun=C3=A7ao=20do=20profissiona?=
 =?UTF-8?q?l=20na=20descricao=20do=20perfil?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/components/Navbar.tsx    |  9 +++++++--
 frontend/contexts/AuthContext.tsx |  3 +++
 frontend/pages/UserApproval.tsx   | 22 +++++++++++++++-------
 frontend/types.ts                 |  1 +
 4 files changed, 26 insertions(+), 9 deletions(-)

diff --git a/frontend/components/Navbar.tsx b/frontend/components/Navbar.tsx
index 4af6c98..e1dfa88 100644
--- a/frontend/components/Navbar.tsx
+++ b/frontend/components/Navbar.tsx
@@ -106,7 +106,12 @@ export const Navbar: React.FC<NavbarProps> = ({ onNavigate, currentPage }) => {
     if (!user) return "";
     if (user.role === UserRole.BUSINESS_OWNER) return "Empresa";
     if (user.role === UserRole.EVENT_OWNER) return "Cliente";
-    if (user.role === UserRole.PHOTOGRAPHER) return "Fotógrafo";
+    if (user.role === UserRole.PHOTOGRAPHER) {
+       if (user.functions && user.functions.length > 0) {
+          return user.functions[0].nome;
+       }
+       return "Profissional";
+    }
     if (user.role === UserRole.SUPERADMIN) return "Super Admin";
     if (user.role === UserRole.AGENDA_VIEWER) return "Visualizador";
     if (user.role === UserRole.RESEARCHER) return "Pesquisa";
@@ -440,7 +445,7 @@ export const Navbar: React.FC<NavbarProps> = ({ onNavigate, currentPage }) => {
                             user.role === UserRole.EVENT_OWNER) && (
                               <button
                                 onClick={() => {
-                                  setIsEditProfileModalOpen(true);
+                                  onNavigate("profile");
                                   setIsAccountDropdownOpen(false);
                                 }}
                                 className="w-full flex items-center gap-3 px-4 py-3 rounded-xl hover:bg-white transition-colors text-left group"
diff --git a/frontend/contexts/AuthContext.tsx b/frontend/contexts/AuthContext.tsx
index 590f1ed..9e7a0cf 100644
--- a/frontend/contexts/AuthContext.tsx
+++ b/frontend/contexts/AuthContext.tsx
@@ -120,6 +120,7 @@ export const AuthProvider: React.FC<{ children: ReactNode }> = ({ children }) =>
             cidade: backendUser.cidade,
             estado: backendUser.estado,
             professionalId: data.profissional?.id, // Map professional ID
+            functions: data.profissional?.functions || [],
           };
           console.log("AuthContext: restoreSession mapped user:", mappedUser);
           if (!backendUser.ativo) {
@@ -221,6 +222,7 @@ const login = async (email: string, password?: string) => {
         cidade: backendUser.cidade,
         estado: backendUser.estado,
         professionalId: data.profissional?.id, // Map professional ID
+        functions: data.profissional?.functions || [],
       };
 
       setUser(mappedUser);
@@ -338,6 +340,7 @@ const login = async (email: string, password?: string) => {
           bairro: backendUser.bairro,
           cidade: backendUser.cidade,
           estado: backendUser.estado,
+          functions: backendUser.functions || [],
         };
         if (autoLogin) {
           setUser(mappedUser);
diff --git a/frontend/pages/UserApproval.tsx b/frontend/pages/UserApproval.tsx
index c2acc9b..e815f6f 100644
--- a/frontend/pages/UserApproval.tsx
+++ b/frontend/pages/UserApproval.tsx
@@ -8,6 +8,7 @@ import {
   rejectUser as apiRejectUser,
   updateUserRole,
   getCompanies,
+  getFunctions,
 } from "../services/apiService";
 import { UserApprovalStatus, UserRole } from "../types";
 import {
@@ -62,7 +63,7 @@ const UserDetailsModal: React.FC<UserDetailsModalProps> = ({
 
   return (
     <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4 fade-in">
-      <div className="bg-white rounded-lg shadow-xl w-full max-w-lg overflow-hidden animate-slide-up">
+      <div className="bg-white rounded-lg shadow-xl w-full max-w-lg max-h-[95vh] overflow-y-auto animate-slide-up">
         <div className="flex justify-between items-center p-6 border-b border-gray-100">
           <h3 className="text-xl font-bold text-gray-900 font-serif">
             Detalhes do Cadastro
@@ -196,20 +197,27 @@ const CreateUserModal: React.FC<CreateUserModalProps> = ({
   formData,
   setFormData
 }) => {
-    // Fetch companies
+    // Fetch companies and functions
     const [companies, setCompanies] = useState<any[]>([]);
+    const [functions, setFunctions] = useState<any[]>([]);
+
     useEffect(() => {
         if (formData.role === "EVENT_OWNER") {
             getCompanies().then(res => {
                 if(res.data) setCompanies(res.data);
             });
         }
+        if (formData.role === "PHOTOGRAPHER") {
+            getFunctions().then(res => {
+                if(res.data) setFunctions(res.data);
+            });
+        }
     }, [formData.role]);
 
     if (!isOpen) return null;
     return (
         <div className="fixed inset-0 z-50 flex items-center justify-center bg-black bg-opacity-50 p-4 fade-in">
-            <div className="bg-white rounded-lg shadow-xl w-full max-w-md overflow-hidden animate-slide-up">
+            <div className="bg-white rounded-lg shadow-xl w-full max-w-md max-h-[95vh] overflow-y-auto animate-slide-up">
                 <div className="flex justify-between items-center p-6 border-b border-gray-100">
                     <h3 className="text-xl font-bold text-gray-900 font-serif">
                         Novo Usuário
@@ -259,7 +267,7 @@ const CreateUserModal: React.FC<CreateUserModalProps> = ({
                             onChange={(e) => setFormData({...formData, role: e.target.value})}
                             className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-photum-green focus:border-transparent outline-none transition-all"
                         >
-                            <option value="PHOTOGRAPHER">Fotógrafo</option>
+                            <option value="PHOTOGRAPHER">Profissional</option>
                             <option value="EVENT_OWNER">Cliente (Empresa)</option>
                             <option value="BUSINESS_OWNER">Dono de Negócio</option>
                             <option value="ADMIN">Administrador</option>
@@ -451,9 +459,9 @@ const CreateUserModal: React.FC<CreateUserModalProps> = ({
                                     className="w-full px-4 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-photum-green focus:border-transparent outline-none transition-all"
                                 >
                                     <option value="">Selecione...</option>
-                                    <option value="Fotógrafo">Fotógrafo</option>
-                                    <option value="Cinegrafista">Cinegrafista</option>
-                                    <option value="Editor">Editor</option>
+                                    {functions.map(f => (
+                                        <option key={f.id} value={f.nome}>{f.nome}</option>
+                                    ))}
                                 </select>
                             </div>
                         </div>
diff --git a/frontend/types.ts b/frontend/types.ts
index c8bc165..5b4cb42 100644
--- a/frontend/types.ts
+++ b/frontend/types.ts
@@ -50,6 +50,7 @@ export interface User {
   companyName?: string; // Nome da empresa vinculada
   allowedRegions?: string[]; // Regiões permitidas para o usuário
   professionalId?: string; // ID do profissional vinculado (se houver)
+  functions?: { id: string; nome: string }[]; // Funções assumidas pelo profissional
 
   // Client / Event Owner specific fields
   cpf_cnpj?: string;