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

Add new frontend - fix 3

Browse Source
This commit is contained in:
Urtzi Alfaro
2025-07-22 09:38:31 +02:00
parent d29a94e8ab
commit 6d5dea31ac
4 changed files with 6433 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6426
frontend/package-lock.json generated Normal file
View File

File diff suppressed because it is too large Load Diff

10
frontend/src/contexts/AuthContext.tsx
View File

@@ -14,6 +14,7 @@ interface AuthContextType {
refreshUser: () => Promise<void>; refreshUser: () => Promise<void>;
} }
// THIS LINE IS CRUCIAL AND MUST BE PRESENT AND UNCOMMENTED
const AuthContext = createContext<AuthContextType | null>(null); const AuthContext = createContext<AuthContextType | null>(null);
export const useAuth = () => { export const useAuth = () => {
@@ -33,7 +34,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
const initAuth = async () => { const initAuth = async () => {
try { try {
await tokenManager.initialize(); await tokenManager.initialize();
if (authService.isAuthenticated()) { if (authService.isAuthenticated()) {
const profile = await authService.getCurrentUser(); const profile = await authService.getCurrentUser();
setUser(profile); setUser(profile);
@@ -66,7 +67,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
const updateProfile = useCallback(async (updates: Partial<UserProfile>) => { const updateProfile = useCallback(async (updates: Partial<UserProfile>) => {
const updated = await authService.updateProfile(updates); const updated = await authService.updateProfile(updates);
setUser(updated); setUser(updated);
}, [updateProfile]); }, []);
const refreshUser = useCallback(async () => { const refreshUser = useCallback(async () => {
if (authService.isAuthenticated()) { if (authService.isAuthenticated()) {
@@ -79,10 +80,9 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
useEffect(() => { useEffect(() => {
if (!user) return; if (!user) return;
// Check token expiry every minute
const interval = setInterval(async () => { const interval = setInterval(async () => {
try { try {
await tokenManager.getAccessToken(); // This will refresh if needed await tokenManager.getAccessToken();
} catch (error) { } catch (error) {
console.error('Token refresh failed:', error); console.error('Token refresh failed:', error);
await logout(); await logout();
@@ -93,7 +93,7 @@ export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children
}, [user, logout]); }, [user, logout]);
return ( return (
<AuthContext.Provider <AuthContext.Provider // This is now defined!
value={{ value={{
user, user,
isAuthenticated: !!user, isAuthenticated: !!user,

2
frontend/src/pages/_app.tsx
View File

@@ -1,4 +1,4 @@
import { AuthProvider } from '../api'; import { AuthProvider } from '../contexts/AuthContext';
import '../styles/globals.css'; import '../styles/globals.css';
function App({ Component, pageProps }: any) { function App({ Component, pageProps }: any) {

1
frontend/src/pages/onboarding.tsx
View File

@@ -9,6 +9,7 @@ import {
CloudArrowUpIcon, CloudArrowUpIcon,
BuildingStorefrontIcon, BuildingStorefrontIcon,
UserCircleIcon, UserCircleIcon,
CpuChipIcon
} from '@heroicons/react/24/outline'; } from '@heroicons/react/24/outline';
import { SalesUploader } from '../components/data/SalesUploader'; import { SalesUploader } from '../components/data/SalesUploader';
import { TrainingProgressCard } from '../components/training/TrainingProgressCard'; import { TrainingProgressCard } from '../components/training/TrainingProgressCard';