70 lines
2.5 KiB
TypeScript
Vendored
70 lines
2.5 KiB
TypeScript
Vendored
import { useAuthStore } from '@/stores/auth-store'
|
|
import { useStatus } from '@/hooks/use-status'
|
|
import { AppHeader, Main } from '@/components/layout'
|
|
import {
|
|
CardStaggerContainer,
|
|
CardStaggerItem,
|
|
} from '@/components/page-transition'
|
|
import { CheckinCalendarCard } from './components/checkin-calendar-card'
|
|
import { PasskeyCard } from './components/passkey-card'
|
|
import { ProfileHeader } from './components/profile-header'
|
|
import { ProfileSecurityCard } from './components/profile-security-card'
|
|
import { ProfileSettingsCard } from './components/profile-settings-card'
|
|
import { SidebarModulesCard } from './components/sidebar-modules-card'
|
|
import { TwoFACard } from './components/two-fa-card'
|
|
import { useProfile } from './hooks'
|
|
|
|
export function Profile() {
|
|
const { profile, loading, refreshProfile } = useProfile()
|
|
const { status } = useStatus()
|
|
const permissions = useAuthStore((s) => s.auth.user?.permissions)
|
|
|
|
const checkinEnabled = status?.checkin_enabled === true
|
|
const turnstileEnabled = !!(
|
|
status?.turnstile_check && status?.turnstile_site_key
|
|
)
|
|
const turnstileSiteKey = status?.turnstile_site_key || ''
|
|
const canConfigureSidebar = permissions?.sidebar_settings !== false
|
|
|
|
return (
|
|
<>
|
|
<AppHeader />
|
|
<Main>
|
|
<div className='min-h-0 flex-1 overflow-auto px-4 py-6'>
|
|
<CardStaggerContainer className='space-y-8'>
|
|
<CardStaggerItem>
|
|
<ProfileHeader profile={profile} loading={loading} />
|
|
</CardStaggerItem>
|
|
|
|
<CardStaggerItem>
|
|
<div className='grid gap-6 lg:grid-cols-2 lg:items-start'>
|
|
<div className='space-y-6'>
|
|
<ProfileSecurityCard profile={profile} loading={loading} />
|
|
<PasskeyCard loading={loading} />
|
|
<TwoFACard loading={loading} />
|
|
</div>
|
|
|
|
<div className='space-y-6'>
|
|
{checkinEnabled && (
|
|
<CheckinCalendarCard
|
|
checkinEnabled={checkinEnabled}
|
|
turnstileEnabled={turnstileEnabled}
|
|
turnstileSiteKey={turnstileSiteKey}
|
|
/>
|
|
)}
|
|
<ProfileSettingsCard
|
|
profile={profile}
|
|
loading={loading}
|
|
onProfileUpdate={refreshProfile}
|
|
/>
|
|
{canConfigureSidebar && <SidebarModulesCard />}
|
|
</div>
|
|
</div>
|
|
</CardStaggerItem>
|
|
</CardStaggerContainer>
|
|
</div>
|
|
</Main>
|
|
</>
|
|
)
|
|
}
|