- {u.name.charAt(0).toUpperCase()}
+ {(u.name || u.email || '?').charAt(0).toUpperCase()}
- {u.name}
+ {u.name || 'Sem nome'}
{isCurrentUser && (
(Você)
)}
@@ -432,7 +276,7 @@ export const AdminDashboard: React.FC = () => {
onChange={(e) => handleRoleChange(u.id, e.target.value as UserRole)}
disabled={isCurrentUser || isActionDisabled || u.isBanned}
aria-label={`Alterar role de ${u.name}`}
- className={`px-3 py-1.5 rounded-lg border text-sm font-semibold transition-all ${roleInfo.color} disabled:opacity-50 disabled:cursor-not-allowed bg-transparent`}
+ className={clsx("px-3 py-1.5 rounded-lg border text-sm font-semibold transition-all bg-transparent disabled:opacity-50 disabled:cursor-not-allowed", roleInfo.color)}
>
@@ -457,10 +301,11 @@ export const AdminDashboard: React.FC = () => {
- ) : activeTab === 'organization' ? (
-
- {/* Organization Settings Panel */}
-
-
-
-
-
-
-
- Identidade Visual
- Gerencie o logo da sua organização
-
-
-
-
- {organization?.imageUrl ? (
-
-
- 
-
-
-
-
-
- ) : (
-
-
- Sem Logo
-
- )}
-
-
-
-
- {logoLoading && (
-
-
- Enviando logo...
-
- )}
-
-
-
-
-
-
-
-
-
-
- Requisitos & Dicas
- Regras para um visual impecável
-
-
-
-
-
-
-
- Formatos Suportados
-
-
- Aceitamos arquivos nos formatos PNG, JPG ou SVG. O formato SVG é recomendado para máxima nitidez em qualquer tamanho.
-
-
-
-
-
-
- Dimensões Recomendadas
-
-
- Recomendamos uma imagem quadrada de no mínimo 512x512 pixels. Logos horizontais podem não aparecer corretamente em todas as áreas.
-
-
-
-
-
-
- Limite de Tamanho
-
-
- O arquivo não deve ultrapassar 500 KB. Arquivos maiores serão rejeitados automaticamente para garantir rapidez no carregamento.
-
-
-
-
-
-
) : activeTab === 'settings' ? (
) : activeTab === 'backup' ? (
) : (
- // Lazily load or direct render StockDashboard (Need to import it)
- Gestão de Estoque
- Acesse a nova página dedicada ao controle de estoque.
-
- Ir para Estoque
-
+ Em breve
+ Novas configurações serão adicionadas aqui.
)}
);
};
+
+export default AdminDashboard;
diff --git a/src/client/pages/DeveloperDashboard.tsx b/src/client/pages/DeveloperDashboard.tsx
index 0987d15..1ad1053 100644
--- a/src/client/pages/DeveloperDashboard.tsx
+++ b/src/client/pages/DeveloperDashboard.tsx
@@ -419,7 +419,7 @@ export const DeveloperDashboard: React.FC = () => {
{admins.map(admin => (
-
+
{admin.name.charAt(0).toUpperCase()}
@@ -441,7 +441,7 @@ export const DeveloperDashboard: React.FC = () => {
{commonUsers.map(user => (
-
+
{
+ const [email, setEmail] = useState('');
+ const [password, setPassword] = useState('');
+ const [isLoading, setIsLoading] = useState(false);
+ const [error, setError] = useState (null);
+ const navigate = useNavigate();
+ const { refetchUser } = useAuth();
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+ setError(null);
+
+ try {
+ const response = await api.post('/auth/login', { email, password });
+ const { token } = response.data;
+
+ localStorage.setItem('gpi_token', token);
+ await refetchUser();
+ navigate('/');
+ } catch (err: any) {
+ setError(err.response?.data?.error || 'Erro ao realizar login. Verifique suas credenciais.');
+ } finally {
+ setIsLoading(false);
+ }
+ };
-export const Login = () => {
return (
-
- {/* Background decorative elements */}
-
-
-
-
- {/* Logo Area */}
-
-
- G
+
+
+
+
+ GPI
+ Gestão de Pintura Industrial
+
+
+
+
+
+
+ Não tem uma conta? Contate o administrador
+
- GPI
- Gestão de Pintura Industrial
-
+
+
+ © 2026 GPI - Sistema de Gestão Industrial
+
-
-
-
- © 2026 GPI - Eficiência Industrial
-
-
);
};
+
+export default Login;
diff --git a/src/client/pages/Register.tsx b/src/client/pages/Register.tsx
new file mode 100644
index 0000000..799515f
--- /dev/null
+++ b/src/client/pages/Register.tsx
@@ -0,0 +1,118 @@
+import React, { useState } from 'react';
+import { useNavigate, Link } from 'react-router-dom';
+import api from '../services/api';
+import { useAuth } from '../context/AuthContext';
+import { motion } from 'framer-motion';
+
+const Register: React.FC = () => {
+ const [email, setEmail] = useState('');
+ const [name, setName] = useState('');
+ const [password, setPassword] = useState('');
+ const [isLoading, setIsLoading] = useState(false);
+ const [error, setError] = useState (null);
+ const navigate = useNavigate();
+ const { refetchUser } = useAuth();
+
+ const handleSubmit = async (e: React.FormEvent) => {
+ e.preventDefault();
+ setIsLoading(true);
+ setError(null);
+
+ try {
+ const response = await api.post('/auth/register', { email, password, name });
+ const { token } = response.data;
+
+ localStorage.setItem('gpi_token', token);
+ await refetchUser();
+ navigate('/');
+ } catch (err: any) {
+ setError(err.response?.data?.error || 'Erro ao realizar cadastro.');
+ } finally {
+ setIsLoading(false);
+ }
+ };
+
+ return (
+
+
+
+
+ GPI
+ Novo Cadastro de Usuário
+
+
+
+
+
+
+ Já tem uma conta? Voltar para o login
+
+
+
+ |