bakery-admin/bakery-ia
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Improve the frontend 3

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-10-30 21:08:07 +01:00
parent 36217a2729
commit 63f5c6d512
184 changed files with 21512 additions and 7442 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
frontend/src/pages/app/settings/profile/CommunicationPreferences.tsx
View File

@@ -23,7 +23,7 @@ import {
Sun,
Settings
} from 'lucide-react';
import { useToast } from '../../../../hooks/ui/useToast';
import { showToast } from '../../../../utils/toast';
// Backend-aligned preference types
export interface NotificationPreferences {
@@ -75,7 +75,7 @@ const CommunicationPreferences: React.FC<CommunicationPreferencesProps> = ({
onReset,
hasChanges
}) => {
const { addToast } = useToast();
const [isLoading, setIsLoading] = useState(false);
const [preferences, setPreferences] = useState<NotificationPreferences>({
@@ -161,9 +161,9 @@ const CommunicationPreferences: React.FC<CommunicationPreferencesProps> = ({
try {
setIsLoading(true);
await onSave(preferences);
addToast('Preferencias guardadas correctamente', 'success');
showToast.success('Preferencias guardadas correctamente');
} catch (error) {
addToast('Error al guardar las preferencias', 'error');
showToast.error('Error al guardar las preferencias');
} finally {
setIsLoading(false);
}
@@ -700,4 +700,4 @@ const CommunicationPreferences: React.FC<CommunicationPreferencesProps> = ({
);
};
export default CommunicationPreferences;
export default CommunicationPreferences;

24
frontend/src/pages/app/settings/profile/NewProfileSettingsPage.tsx
View File

@@ -22,7 +22,7 @@ import {
import { Button, Card, Avatar, Input, Select } from '../../../../components/ui';
import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../../../components/ui/Tabs';
import { PageHeader } from '../../../../components/layout';
import { useToast } from '../../../../hooks/ui/useToast';
import { showToast } from '../../../../utils/toast';
import { useAuthUser, useAuthActions } from '../../../../stores/auth.store';
import { useAuthProfile, useUpdateProfile, useChangePassword } from '../../../../api/hooks/auth';
import { useCurrentTenant } from '../../../../stores';
@@ -49,7 +49,7 @@ interface PasswordData {
const NewProfileSettingsPage: React.FC = () => {
const { t } = useTranslation('settings');
const navigate = useNavigate();
const { addToast } = useToast();
const user = useAuthUser();
const { logout } = useAuthActions();
const currentTenant = useCurrentTenant();
@@ -169,9 +169,9 @@ const NewProfileSettingsPage: React.FC = () => {
await updateProfileMutation.mutateAsync(profileData);
setIsEditing(false);
addToast(t('profile.save_changes'), { type: 'success' });
showToast.success(t('profile.save_changes'));
} catch (error) {
addToast(t('common.error'), { type: 'error' });
showToast.error(t('common.error'));
} finally {
setIsLoading(false);
}
@@ -191,9 +191,9 @@ const NewProfileSettingsPage: React.FC = () => {
setShowPasswordForm(false);
setPasswordData({ currentPassword: '', newPassword: '', confirmPassword: '' });
addToast(t('profile.password.change_success'), { type: 'success' });
showToast.success(t('profile.password.change_success'));
} catch (error) {
addToast(t('profile.password.change_error'), { type: 'error' });
showToast.error(t('profile.password.change_error'));
} finally {
setIsLoading(false);
}
@@ -246,9 +246,9 @@ const NewProfileSettingsPage: React.FC = () => {
window.URL.revokeObjectURL(url);
document.body.removeChild(a);
addToast(t('profile.privacy.export_success'), { type: 'success' });
showToast.success(t('profile.privacy.export_success'));
} catch (err) {
addToast(t('profile.privacy.export_error'), { type: 'error' });
showToast.error(t('profile.privacy.export_error'));
} finally {
setIsExporting(false);
}
@@ -256,12 +256,12 @@ const NewProfileSettingsPage: React.FC = () => {
const handleAccountDeletion = async () => {
if (deleteConfirmEmail.toLowerCase() !== user?.email?.toLowerCase()) {
addToast(t('common.error'), { type: 'error' });
showToast.error(t('common.error'));
return;
}
if (!deletePassword) {
addToast(t('common.error'), { type: 'error' });
showToast.error(t('common.error'));
return;
}
@@ -270,14 +270,14 @@ const NewProfileSettingsPage: React.FC = () => {
const { authService } = await import('../../../../api');
await authService.deleteAccount(deleteConfirmEmail, deletePassword, deleteReason);
addToast(t('common.success'), { type: 'success' });
showToast.success(t('common.success'));
setTimeout(() => {
logout();
navigate('/');
}, 2000);
} catch (err: any) {
addToast(err.message || t('common.error'), { type: 'error' });
showToast.error(err.message || t('common.error'));
} finally {
setIsDeleting(false);
}

30
frontend/src/pages/app/settings/profile/ProfilePage.tsx
View File

@@ -4,7 +4,7 @@ import { Button, Card, Avatar, Input, Select, Tabs, Badge, Modal } from '../../.
import { PageHeader } from '../../../../components/layout';
import { useAuthUser } from '../../../../stores/auth.store';
import { useCurrentTenant } from '../../../../stores';
import { useToast } from '../../../../hooks/ui/useToast';
import { showToast } from '../../../../utils/toast';
import { useAuthProfile, useUpdateProfile, useChangePassword } from '../../../../api/hooks/auth';
import { subscriptionService, type UsageSummary, type AvailablePlans } from '../../../../api';
import { useTranslation } from 'react-i18next';
@@ -30,7 +30,7 @@ interface PasswordData {
const ProfilePage: React.FC = () => {
const user = useAuthUser();
const { t } = useTranslation(['settings', 'auth']);
const { addToast } = useToast();
const { data: profile, isLoading: profileLoading, error: profileError } = useAuthProfile();
const updateProfileMutation = useUpdateProfile();
@@ -176,9 +176,9 @@ const ProfilePage: React.FC = () => {
await updateProfileMutation.mutateAsync(profileData);
setIsEditing(false);
addToast('Perfil actualizado correctamente', 'success');
showToast.success('Perfil actualizado correctamente');
} catch (error) {
addToast('No se pudo actualizar tu perfil', 'error');
showToast.error('No se pudo actualizar tu perfil');
} finally {
setIsLoading(false);
}
@@ -198,9 +198,9 @@ const ProfilePage: React.FC = () => {
setShowPasswordForm(false);
setPasswordData({ currentPassword: '', newPassword: '', confirmPassword: '' });
addToast('Contraseña actualizada correctamente', 'success');
showToast.success('Contraseña actualizada correctamente');
} catch (error) {
addToast('No se pudo cambiar tu contraseña', 'error');
showToast.error('No se pudo cambiar tu contraseña');
} finally {
setIsLoading(false);
}
@@ -269,7 +269,7 @@ const ProfilePage: React.FC = () => {
const tenantId = currentTenant?.id || user?.tenant_id;
if (!tenantId) {
addToast('No se encontró información del tenant', 'error');
showToast.error('No se encontró información del tenant');
return;
}
@@ -284,7 +284,7 @@ const ProfilePage: React.FC = () => {
setAvailablePlans(plans);
} catch (error) {
console.error('Error loading subscription data:', error);
addToast("No se pudo cargar la información de suscripción", 'error');
showToast.error("No se pudo cargar la información de suscripción");
} finally {
setSubscriptionLoading(false);
}
@@ -299,7 +299,7 @@ const ProfilePage: React.FC = () => {
const tenantId = currentTenant?.id || user?.tenant_id;
if (!tenantId || !selectedPlan) {
addToast('Información de tenant no disponible', 'error');
showToast.error('Información de tenant no disponible');
return;
}
@@ -312,24 +312,24 @@ const ProfilePage: React.FC = () => {
);
if (!validation.can_upgrade) {
addToast(validation.reason || 'No se puede actualizar el plan', 'error');
return;
showToast.error(validation.reason || 'No se puede actualizar el plan');
return;
}
const result = await subscriptionService.upgradePlan(tenantId, selectedPlan);
if (result.success) {
addToast(result.message, 'success');
showToast.success(result.message);
await loadSubscriptionData();
setUpgradeDialogOpen(false);
setSelectedPlan('');
} else {
addToast('Error al cambiar el plan', 'error');
showToast.error('Error al cambiar el plan');
}
} catch (error) {
console.error('Error upgrading plan:', error);
addToast('Error al procesar el cambio de plan', 'error');
showToast.error('Error al procesar el cambio de plan');
} finally {
setUpgrading(false);
}
@@ -953,4 +953,4 @@ const ProfilePage: React.FC = () => {
);
};
export default ProfilePage;
export default ProfilePage;