claude
fc535590eb
Build and Deploy Verso / deploy (push) Successful in 14m48s
- project-list-ds-nav.scss: remove display:none for .nav-item-account on desktop — it was hidden because the sidebar handled it, but now the sidebar no longer has the account icon so this made it invisible everywhere - logged-in-items / nav-dropdown-menu: show User icon alongside 'Account' text in navbar dropdown so it's recognisable as an account button - Lumière: remove border-top from .ds-nav-verso-logo (was doubling up with .ds-nav-sidebar-lower border) - Logo hover: drop scale transform in both themes, use filter:brightness only - Gradient: drop background-attachment:fixed (unreliable in scroll containers); switch to circle gradients at 0.60/0.45 opacity; base colour #e8f5f2 - Editor ide-lumiere: rounded square (7px) on .ol-cm-toolbar-button with teal hover/active states to match the Lumière design language Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
43 lines
1.3 KiB
TypeScript
43 lines
1.3 KiB
TypeScript
import { useTranslation } from 'react-i18next'
|
|
import NavDropdownMenu from '@/shared/components/navbar/nav-dropdown-menu'
|
|
import type { NavbarSessionUser } from '@/shared/components/types/navbar'
|
|
import NavLinkItem from '@/shared/components/navbar/nav-link-item'
|
|
import { AccountMenuItems } from './account-menu-items'
|
|
import { useSendProjectListMB } from '@/features/project-list/components/project-list-events'
|
|
import { User } from '@phosphor-icons/react'
|
|
|
|
export default function LoggedInItems({
|
|
sessionUser,
|
|
showSubscriptionLink,
|
|
}: {
|
|
sessionUser: NavbarSessionUser
|
|
showSubscriptionLink: boolean
|
|
}) {
|
|
const { t } = useTranslation()
|
|
const sendProjectListMB = useSendProjectListMB()
|
|
return (
|
|
<>
|
|
<NavLinkItem href="/project" className="nav-item-projects">
|
|
{t('projects')}
|
|
</NavLinkItem>
|
|
<NavDropdownMenu
|
|
title={<><User size={20} className="me-1" />{t('Account')}</>}
|
|
className="nav-item-account"
|
|
onToggle={nextShow => {
|
|
if (nextShow) {
|
|
sendProjectListMB('menu-expand', {
|
|
item: 'account',
|
|
location: 'top-menu',
|
|
})
|
|
}
|
|
}}
|
|
>
|
|
<AccountMenuItems
|
|
sessionUser={sessionUser}
|
|
showSubscriptionLink={showSubscriptionLink}
|
|
/>
|
|
</NavDropdownMenu>
|
|
</>
|
|
)
|
|
}
|