Files
supabase/apps/studio/components/layouts/SettingsLayout/AccountSettingsMenu.tsx
Ivan Vasilov 436bdb10ae chore: Move the studio app to apps/studio (#18915)
* Move all studio files from /studio to /apps/studio.

* Move studio specific prettier ignores.

* Fix the ui references from studio.

* Fix the css imports.

* Fix all package.json issues.

* Fix the prettier setup for the studio app.

* Add .turbo folder to prettierignore.

* Fix the github workflows.
2023-11-15 12:38:55 +01:00

32 lines
914 B
TypeScript

import { compact } from 'lodash'
import { useRouter } from 'next/router'
import SettingsMenuItem from './SettingsMenuItem'
const AccountSettingsMenu = () => {
const router = useRouter()
const accountSettings = compact([
{ label: 'Preferences', pathname: `/account/me` },
{ label: 'Access Tokens', pathname: `/account/tokens` },
{ label: 'Security', pathname: `/account/security` },
{ label: 'Audit logs', pathname: `/account/audit` },
])
return (
<div className="space-y-10">
<div className="space-y-2">
<p className="text-sm font-medium">Account Settings</p>
{accountSettings.map((link) => (
<SettingsMenuItem
key={link.label}
label={link.label}
href={link.pathname}
isActive={link.pathname === router.pathname}
/>
))}
</div>
</div>
)
}
export default AccountSettingsMenu