feat: settings modal improvements — borderless profile, remove descriptions, bump ui to 0.0.91

- Add borderless prop passthrough to ProfileSettings
- Remove section descriptions from SettingsModalWrapper sidebar
- Bump @ciphera-net/ui to ^0.0.91
This commit is contained in:
Usman Baig
2026-03-06 11:44:30 +01:00
parent 7865b41722
commit 6d360cf1ac
4 changed files with 11 additions and 12 deletions

View File

@@ -10,9 +10,10 @@ import { registerPasskey, listPasskeys, deletePasskey } from '@/lib/api/webauthn
interface Props {
activeTab?: 'profile' | 'security' | 'preferences'
borderless?: boolean
}
export default function ProfileSettings({ activeTab }: Props = {}) {
export default function ProfileSettings({ activeTab, borderless }: Props = {}) {
const { user, refresh, logout } = useAuth()
if (!user) return null
@@ -61,6 +62,7 @@ export default function ProfileSettings({ activeTab }: Props = {}) {
activeTab={activeTab}
hideNav={activeTab !== undefined}
hideNotifications
borderless={borderless}
/>
)
}

View File

@@ -91,19 +91,17 @@ export default function SettingsModalWrapper() {
{
id: 'pulse',
label: 'Pulse Settings',
description: 'Profile and preferences',
icon: UserIcon,
defaultExpanded: true,
items: [
{ id: 'profile', label: 'Profile', content: <ProfileSettings activeTab="profile" /> },
{ id: 'security', label: 'Security', content: <ProfileSettings activeTab="security" /> },
{ id: 'preferences', label: 'Preferences', content: <ProfileSettings activeTab="preferences" /> },
{ id: 'profile', label: 'Profile', content: <ProfileSettings activeTab="profile" borderless /> },
{ id: 'security', label: 'Security', content: <ProfileSettings activeTab="security" borderless /> },
{ id: 'preferences', label: 'Preferences', content: <ProfileSettings activeTab="preferences" borderless /> },
],
},
{
id: 'security-section',
label: 'Security',
description: 'Devices and activity',
icon: LockIcon,
items: [
{ id: 'devices', label: 'Trusted Devices', content: <TrustedDevicesCard /> },
@@ -113,7 +111,6 @@ export default function SettingsModalWrapper() {
{
id: 'notifications',
label: 'Notifications',
description: 'Email and in-app notifications',
icon: BellIcon,
items: [
{ id: 'security-alerts', label: 'Security Alerts', content: <SecurityAlertsCard /> },