diff --git a/src/features/dashboard/header/Profile.tsx b/src/features/dashboard/header/Profile.tsx
index 57c2c35..b8f4aee 100644
--- a/src/features/dashboard/header/Profile.tsx
+++ b/src/features/dashboard/header/Profile.tsx
@@ -9,14 +9,17 @@ import {
Button,
IconButton,
} from '@mui/material';
-import * as dropdownData from './data';
-
import { IconMail } from '@tabler/icons-react';
import { Stack } from '@mui/system';
-import Image from 'next/image';
+
+import { useAuthStore } from '../../login/store/useAuthStore';
+import { useAuth } from '../../login/hooks/useAuth';
const Profile = () => {
const [anchorEl2, setAnchorEl2] = useState(null);
+ const user = useAuthStore((s) => s.user);
+ const { logout } = useAuth();
+
const handleClick2 = (event: any) => {
setAnchorEl2(event.currentTarget);
};
@@ -39,13 +42,14 @@ const Profile = () => {
onClick={handleClick2}
>
+ >
+ {user?.nome?.[0] || user?.userName?.[0] || 'U'}
+
{/* ------------------------------------------- */}
{/* Message Dropdown */}
@@ -68,20 +72,20 @@ const Profile = () => {
User Profile
+ sx={{ width: 95, height: 95, bgcolor: 'primary.main' }}
+ >
+ {user?.nome?.[0] || user?.userName?.[0] || 'U'}
+
- Mathew Anderson
+ {user?.nome || user?.userName || 'Usuário'}
- Designer
+ {user?.nomeFilial || 'Sem filial'}
{
gap={1}
>
- info@modernize.com
+ {user?.rca ? `RCA: ${user.rca}` : 'Sem e-mail'}
-
- {dropdownData.profile.map((profile) => (
-
-
-
-
-
-
-
-
-
- {profile.title}
-
-
- {profile.subtitle}
-
-
-
-
-
-
- ))}
-
-
-
-
- Unlimited
- Access
-
-
-
-
-
-
diff --git a/src/features/login/authForms/AuthLogin.test.tsx b/src/features/login/authForms/AuthLogin.test.tsx
deleted file mode 100644
index 0e342f6..0000000
--- a/src/features/login/authForms/AuthLogin.test.tsx
+++ /dev/null
@@ -1,210 +0,0 @@
-import { render, screen, fireEvent, waitFor } from '@testing-library/react';
-import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import AuthLogin from './AuthLogin';
-import { useAuth } from '../hooks/useAuth';
-
-// Mock do hook useAuth
-jest.mock('../hooks/useAuth');
-
-const createWrapper = () => {
- const queryClient = new QueryClient({
- defaultOptions: {
- queries: { retry: false },
- mutations: { retry: false },
- },
- });
-
- return ({ children }: { children: React.ReactNode }) => (
- {children}
- );
-};
-
-describe('AuthLogin Component', () => {
- const mockLoginMutation = {
- mutate: jest.fn(),
- isPending: false,
- isError: false,
- isSuccess: false,
- error: null,
- };
-
- beforeEach(() => {
- jest.clearAllMocks();
- (useAuth as jest.Mock).mockReturnValue({
- loginMutation: mockLoginMutation,
- });
- });
-
- describe('Renderização', () => {
- it('deve renderizar formulário de login', () => {
- render(, { wrapper: createWrapper() });
-
- expect(screen.getByLabelText(/usuário/i)).toBeInTheDocument();
- expect(screen.getByLabelText(/senha/i)).toBeInTheDocument();
- expect(
- screen.getByRole('button', { name: /sign in/i })
- ).toBeInTheDocument();
- });
-
- it('deve renderizar título quando fornecido', () => {
- render(, { wrapper: createWrapper() });
- expect(screen.getByText('Bem-vindo')).toBeInTheDocument();
- });
-
- it('deve renderizar checkbox "Manter-me conectado"', () => {
- render(, { wrapper: createWrapper() });
- expect(screen.getByText(/manter-me conectado/i)).toBeInTheDocument();
- });
-
- it('deve renderizar link "Esqueceu sua senha"', () => {
- render(, { wrapper: createWrapper() });
- const link = screen.getByText(/esqueceu sua senha/i);
- expect(link).toBeInTheDocument();
- });
- });
-
- describe('Validação', () => {
- it('deve validar campos obrigatórios', async () => {
- render(, { wrapper: createWrapper() });
-
- const submitButton = screen.getByRole('button', { name: /sign in/i });
- fireEvent.click(submitButton);
-
- await waitFor(() => {
- expect(screen.getByText(/usuário é obrigatório/i)).toBeInTheDocument();
- });
- });
-
- it('deve validar senha mínima', async () => {
- render(, { wrapper: createWrapper() });
-
- const usernameInput = screen.getByLabelText(/usuário/i);
- const passwordInput = screen.getByLabelText(/senha/i);
- const submitButton = screen.getByRole('button', { name: /sign in/i });
-
- fireEvent.change(usernameInput, { target: { value: 'testuser' } });
- fireEvent.change(passwordInput, { target: { value: '123' } });
- fireEvent.click(submitButton);
-
- await waitFor(() => {
- expect(
- screen.getByText(/senha deve ter no mínimo 4 caracteres/i)
- ).toBeInTheDocument();
- });
- });
- });
-
- describe('Submissão', () => {
- it('deve submeter formulário com credenciais válidas', async () => {
- render(, { wrapper: createWrapper() });
-
- const usernameInput = screen.getByLabelText(/usuário/i);
- const passwordInput = screen.getByLabelText(/senha/i);
- const submitButton = screen.getByRole('button', { name: /sign in/i });
-
- fireEvent.change(usernameInput, { target: { value: 'testuser' } });
- fireEvent.change(passwordInput, { target: { value: 'password123' } });
- fireEvent.click(submitButton);
-
- await waitFor(() => {
- expect(mockLoginMutation.mutate).toHaveBeenCalledWith({
- username: 'testuser',
- password: 'password123',
- });
- });
- });
- });
-
- describe('Estados de Loading e Erro', () => {
- it('deve desabilitar botão durante loading', () => {
- const loadingMutation = {
- ...mockLoginMutation,
- isPending: true,
- };
-
- (useAuth as jest.Mock).mockReturnValue({
- loginMutation: loadingMutation,
- });
-
- render(, { wrapper: createWrapper() });
-
- const submitButton = screen.getByRole('button', { name: /logging in/i });
- expect(submitButton).toBeDisabled();
- });
-
- it('deve mostrar mensagem de erro quando login falha', () => {
- const errorMutation = {
- ...mockLoginMutation,
- isError: true,
- error: {
- response: {
- data: { message: 'Credenciais inválidas' },
- },
- },
- };
-
- (useAuth as jest.Mock).mockReturnValue({
- loginMutation: errorMutation,
- });
-
- render(, { wrapper: createWrapper() });
-
- expect(screen.getByText(/credenciais inválidas/i)).toBeInTheDocument();
- });
-
- // 🐛 TESTE QUE REVELA BUG: Erro não limpa durante nova tentativa
- it('🐛 BUG: deve esconder erro durante nova tentativa de login', () => {
- const errorAndLoadingMutation = {
- ...mockLoginMutation,
- isError: true,
- isPending: true, // Está tentando novamente
- error: {
- response: {
- data: { message: 'Credenciais inválidas' },
- },
- },
- };
-
- (useAuth as jest.Mock).mockReturnValue({
- loginMutation: errorAndLoadingMutation,
- });
-
- render(, { wrapper: createWrapper() });
-
- // ❌ ESTE TESTE VAI FALHAR - erro ainda aparece durante loading!
- expect(
- screen.queryByText(/credenciais inválidas/i)
- ).not.toBeInTheDocument();
- });
- });
-
- describe('🐛 Bugs Identificados', () => {
- // 🐛 BUG: Link "Esqueceu senha" vai para home
- it('🐛 BUG: link "Esqueceu senha" deve ir para /forgot-password', () => {
- render(, { wrapper: createWrapper() });
-
- const link = screen.getByText(/esqueceu sua senha/i).closest('a');
-
- // ❌ ESTE TESTE VAI FALHAR - href é "/"
- expect(link).toHaveAttribute('href', '/forgot-password');
- });
-
- // 🐛 BUG: Checkbox não funciona
- it('🐛 BUG: checkbox "Manter-me conectado" deve ser controlado', () => {
- render(, { wrapper: createWrapper() });
-
- const checkbox = screen.getByRole('checkbox', {
- name: /manter-me conectado/i,
- });
-
- // Checkbox está sempre marcado
- expect(checkbox).toBeChecked();
-
- // Tenta desmarcar
- fireEvent.click(checkbox);
-
- // ❌ ESTE TESTE VAI FALHAR - checkbox não muda de estado!
- expect(checkbox).not.toBeChecked();
- });
- });
-});
diff --git a/src/features/login/authForms/AuthLogin.tsx b/src/features/login/authForms/AuthLogin.tsx
index 09dea27..345bb46 100644
--- a/src/features/login/authForms/AuthLogin.tsx
+++ b/src/features/login/authForms/AuthLogin.tsx
@@ -2,8 +2,6 @@
import Box from '@mui/material/Box';
import Button from '@mui/material/Button';
import Divider from '@mui/material/Divider';
-import FormControlLabel from '@mui/material/FormControlLabel';
-import FormGroup from '@mui/material/FormGroup';
import Stack from '@mui/material/Stack';
import { TextField, Alert } from '@mui/material';
import Typography from '@mui/material/Typography';
@@ -12,7 +10,6 @@ import { useForm } from 'react-hook-form';
import { zodResolver } from '@hookform/resolvers/zod';
import { loginSchema, LoginInput, AuthLoginProps } from '../interfaces/types';
import { useAuth } from '../hooks/useAuth';
-import CustomCheckbox from '../components/forms/theme-elements/CustomCheckbox';
import CustomFormLabel from '../components/forms/theme-elements/CustomFormLabel';
import AuthSocialButtons from './AuthSocialButtons';
@@ -45,7 +42,7 @@ const AuthLogin = ({ title, subtitle, subtext }: AuthLoginProps) => {
{subtext}
-
+
{
/>
-
- }
- label="Manter-me conectado"
- sx={{ whiteSpace: 'nowrap' }}
- />
-
{
type="submit"
disabled={loginMutation.isPending}
>
- {loginMutation.isPending ? 'Logging in...' : 'Sign In'}
+ {loginMutation.isPending ? 'Entrando...' : 'Entrar'}
diff --git a/src/features/login/components/AuthInitializer.tsx b/src/features/login/components/AuthInitializer.tsx
index 8bc8a95..93dcfd6 100644
--- a/src/features/login/components/AuthInitializer.tsx
+++ b/src/features/login/components/AuthInitializer.tsx
@@ -1,4 +1,5 @@
'use client';
+import { Box, CircularProgress, Typography } from '@mui/material';
import { useEffect, useRef, useState } from 'react';
import { useAuthStore } from '../store/useAuthStore';
@@ -34,12 +35,56 @@ export function AuthInitializer({ children }: { children: React.ReactNode }) {
if (isChecking) {
return (
-
-
-
-
Validando acesso...
-
-