refactor: separate components
This commit is contained in:
parent
5d7a57fd00
commit
06c708b160
12 changed files with 1295 additions and 1293 deletions
|
|
@ -1,21 +1,25 @@
|
|||
import { Inbox } from 'lucide-react'
|
||||
import { NavLink } from 'react-router-dom'
|
||||
import type { User } from '../../types'
|
||||
import {CalendarDays, Inbox, Mail} from 'lucide-react'
|
||||
import {NavLink} from 'react-router-dom'
|
||||
import type {User} from '../../types'
|
||||
|
||||
export function WorkspaceUtilities({ user }: { user: User | null }) {
|
||||
const profileLabel = user?.displayName || user?.email || 'Profile'
|
||||
return (
|
||||
<nav className="workspace-utilities" aria-label="Account navigation">
|
||||
<NavLink className="utility-link" to="/inbox">
|
||||
<Inbox size={18} aria-hidden="true" />
|
||||
<span>Inbox</span>
|
||||
</NavLink>
|
||||
<NavLink className="utility-link profile-utility" to="/profile">
|
||||
<span className="avatar tiny" aria-hidden="true">
|
||||
{profileLabel.slice(0, 2).toUpperCase()}
|
||||
</span>
|
||||
<span>{profileLabel}</span>
|
||||
</NavLink>
|
||||
</nav>
|
||||
)
|
||||
export function WorkspaceUtilities({user}: { user: User | null }) {
|
||||
const profileLabel = user?.displayName || user?.email || 'Profile'
|
||||
return (
|
||||
<nav className="workspace-utilities" aria-label="Account navigation">
|
||||
<NavLink className="utility-link" to="/inbox">
|
||||
<Mail size={18} aria-hidden="true"/>
|
||||
<span>Invitations</span>
|
||||
</NavLink>
|
||||
<NavLink className="utility-link" to="/calendar">
|
||||
<CalendarDays size={18} aria-hidden="true"/>
|
||||
<span>Calendar</span>
|
||||
</NavLink>
|
||||
<NavLink className="utility-link profile-utility" to="/profile">
|
||||
<span className="avatar tiny" aria-hidden="true">
|
||||
{profileLabel.slice(0, 2).toUpperCase()}
|
||||
</span>
|
||||
<span>{profileLabel}</span>
|
||||
</NavLink>
|
||||
</nav>
|
||||
)
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue