f4ce1595d6
Migrate all 84 frontend files from the old themed/colored design to a monochrome glass-morphism design system. Pure black backgrounds, white text with opacity levels, glass-card components with backdrop-blur, and functional color reserved for status indicators only. Foundation: remap CSS variables to monochrome, simplify Tailwind config, remove theme toggle, convert brand logo/wordmark to white. Pages: all 14 pages updated. Components: all common, library, session, step-library, tree-editor, tree-preview, admin, and subscription components converted. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
25 lines
650 B
TypeScript
25 lines
650 B
TypeScript
import { useEffect } from 'react'
|
|
import { RouterProvider } from 'react-router-dom'
|
|
import { router } from '@/router'
|
|
import { useAuthStore } from '@/store/authStore'
|
|
|
|
function App() {
|
|
const { isAuthenticated, fetchUser, setLoading } = useAuthStore()
|
|
|
|
useEffect(() => {
|
|
// On app load, check if we have a token and fetch user data
|
|
const token = localStorage.getItem('access_token')
|
|
if (token && isAuthenticated) {
|
|
fetchUser().catch(() => {
|
|
// Token is invalid, will be handled by interceptor
|
|
})
|
|
} else {
|
|
setLoading(false)
|
|
}
|
|
}, [])
|
|
|
|
return <RouterProvider router={router} />
|
|
}
|
|
|
|
export default App
|