import { Title, Text, Card, Stack, Group, SimpleGrid, Badge, ThemeIcon, Divider, } from '@mantine/core'; import { IconBuilding, IconUser, IconUsers, IconSettings, IconShieldLock, IconCalendar, } from '@tabler/icons-react'; import { useAuthStore } from '../../stores/authStore'; export function SettingsPage() { const { user, currentOrg } = useAuthStore(); return (
Settings Organization and account settings
{/* Organization Info */}
Organization Current organization details
Name {currentOrg?.name || 'N/A'} Your Role {currentOrg?.role || 'N/A'} Schema {currentOrg?.schemaName || 'N/A'}
{/* User Profile */}
Your Profile Account information
Name {user?.firstName} {user?.lastName} Email {user?.email} User ID {user?.id?.slice(0, 8)}...
{/* Security */}
Security Authentication and access
Authentication Active Session Two-Factor Auth Not Configured OAuth Providers None Linked
{/* System Info */}
System Platform information
Platform HOA LedgerIQ Version 2026.3.7 (Beta) API /api/docs
); }