- Introduced tenant context resolution in the profiles API, allowing for effective club identification based on user memberships. - Updated the `GET /profiles/me` endpoint to return `effective_club_id` and removed reliance on the deprecated `X-Active-Club-Id` header. - Bumped application version to 0.8.22 in both backend and frontend files. - Enhanced changelog to document the new version and changes made in this release.
128 lines
3.2 KiB
JavaScript
128 lines
3.2 KiB
JavaScript
import { createContext, useContext, useState, useEffect, useCallback, useRef } from 'react'
|
|
import api, { ACTIVE_CLUB_STORAGE_KEY } from '../utils/api'
|
|
|
|
const AuthContext = createContext(null)
|
|
|
|
function syncStoredActiveClub(profile) {
|
|
const clubs = profile?.clubs || []
|
|
const ids = new Set(clubs.map((c) => String(c.id)))
|
|
const eff = profile?.effective_club_id
|
|
if (eff != null && eff !== '' && ids.has(String(eff))) {
|
|
localStorage.setItem(ACTIVE_CLUB_STORAGE_KEY, String(eff))
|
|
return
|
|
}
|
|
const stored = localStorage.getItem(ACTIVE_CLUB_STORAGE_KEY)
|
|
if (stored && ids.has(stored)) return
|
|
|
|
const ac =
|
|
profile?.active_club_id != null && profile.active_club_id !== ''
|
|
? String(profile.active_club_id)
|
|
: ''
|
|
if (ac && ids.has(ac)) {
|
|
localStorage.setItem(ACTIVE_CLUB_STORAGE_KEY, ac)
|
|
return
|
|
}
|
|
if (clubs.length >= 1) {
|
|
localStorage.setItem(ACTIVE_CLUB_STORAGE_KEY, String(clubs[0].id))
|
|
}
|
|
}
|
|
|
|
export function AuthProvider({ children }) {
|
|
const [user, setUser] = useState(null)
|
|
const [loading, setLoading] = useState(true)
|
|
const userRef = useRef(null)
|
|
|
|
useEffect(() => {
|
|
userRef.current = user
|
|
}, [user])
|
|
|
|
const checkAuth = useCallback(async () => {
|
|
const token = localStorage.getItem('authToken')
|
|
if (!token) {
|
|
setLoading(false)
|
|
return
|
|
}
|
|
|
|
try {
|
|
const profile = await api.getCurrentProfile()
|
|
syncStoredActiveClub(profile)
|
|
setUser(profile)
|
|
} catch (err) {
|
|
console.error('Auth check failed:', err)
|
|
localStorage.removeItem('authToken')
|
|
} finally {
|
|
setLoading(false)
|
|
}
|
|
}, [])
|
|
|
|
useEffect(() => {
|
|
checkAuth()
|
|
}, [checkAuth])
|
|
|
|
const setActiveClub = useCallback(async (clubId) => {
|
|
const cid = Number(clubId)
|
|
const uid = userRef.current?.id
|
|
if (!Number.isFinite(cid) || cid < 1 || !uid) return
|
|
localStorage.setItem(ACTIVE_CLUB_STORAGE_KEY, String(cid))
|
|
setUser((prev) => (prev?.id ? { ...prev, active_club_id: cid } : prev))
|
|
try {
|
|
await api.updateProfile(uid, { active_club_id: cid })
|
|
} catch (e) {
|
|
console.error(e)
|
|
}
|
|
}, [])
|
|
|
|
/** Fallback, falls ohne checkAuth gesetzt wird (Legacy / Token-Injektion) */
|
|
const login = (payload) => {
|
|
if (payload?.profile != null) {
|
|
syncStoredActiveClub(payload.profile)
|
|
setUser(payload.profile)
|
|
return
|
|
}
|
|
const p = payload
|
|
if (p?.profile_id != null || p?.id != null) {
|
|
setUser({
|
|
id: p.profile_id ?? p.id,
|
|
name: p.name ?? null,
|
|
email: p.email ?? null,
|
|
role: p.role ?? 'user',
|
|
tier: p.tier ?? 'free',
|
|
})
|
|
return
|
|
}
|
|
setUser(payload)
|
|
}
|
|
|
|
const logout = () => {
|
|
setUser(null)
|
|
localStorage.removeItem('authToken')
|
|
localStorage.removeItem(ACTIVE_CLUB_STORAGE_KEY)
|
|
}
|
|
|
|
const value = {
|
|
user,
|
|
isAuthenticated: !!user,
|
|
loading,
|
|
login,
|
|
logout,
|
|
checkAuth,
|
|
setActiveClub,
|
|
}
|
|
|
|
return (
|
|
<AuthContext.Provider value={value}>
|
|
{children}
|
|
</AuthContext.Provider>
|
|
)
|
|
}
|
|
|
|
export function useAuth() {
|
|
const context = useContext(AuthContext)
|
|
if (!context) {
|
|
throw new Error('useAuth must be used within AuthProvider')
|
|
}
|
|
return context
|
|
}
|
|
|
|
export default AuthContext
|