ysandler/midrashim
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: update nav for demo

Browse Source
This commit is contained in:
Yehoshua Sandler 2025-04-22 13:23:42 -05:00
parent f23bc1976f
commit d24b554d5e
1 changed files with 99 additions and 89 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

46
src/app/(frontend)/layout.tsx
View File

@ -7,8 +7,22 @@ import {
DropdownLabel,
DropdownMenu,
} from '@/components/dropdown'
import { Navbar, NavbarDivider, NavbarItem, NavbarLabel, NavbarSection, NavbarSpacer } from '@/components/navbar'
import { Sidebar, SidebarBody, SidebarHeader, SidebarItem, SidebarLabel, SidebarSection } from '@/components/sidebar'
import {
Navbar,
NavbarDivider,
NavbarItem,
NavbarLabel,
NavbarSection,
NavbarSpacer,
} from '@/components/navbar'
import {
Sidebar,
SidebarBody,
SidebarHeader,
SidebarItem,
SidebarLabel,
SidebarSection,
} from '@/components/sidebar'
import { StackedLayout } from '@/components/stacked-layout'
import {
ArrowRightStartOnRectangleIcon,
@ -31,8 +45,7 @@ export const metadata = {
const navItems = [
{ label: 'Home', url: '/' },
{ label: 'Events', url: '/events' },
{ label: 'Orders', url: '/orders' },
{ label: 'Broadcasts', url: '/broadcasts' },
{ label: 'Explore', url: '/browse' },
{ label: 'Settings', url: '/settings' },
]
@ -45,23 +58,22 @@ function TeamDropdownMenu() {
</DropdownItem>
<DropdownDivider />
<DropdownItem href="/teams/1">
<Avatar slot="icon" src="/tailwind-logo.svg" />
<DropdownLabel>Tailwind Labs</DropdownLabel>
<Avatar slot="icon" initials="BE" />
<DropdownLabel>Beth-El</DropdownLabel>
</DropdownItem>
<DropdownItem href="/teams/2">
<Avatar slot="icon" initials="WC" className="bg-purple-500 text-white" />
<DropdownLabel>Workcation</DropdownLabel>
<Avatar slot="icon" initials="EM" className="bg-purple-500 text-white" />
<DropdownLabel>Emanuel</DropdownLabel>
</DropdownItem>
<DropdownDivider />
<DropdownItem href="/teams/create">
<DropdownItem href="/repository/create">
<PlusIcon />
<DropdownLabel>New team&hellip;</DropdownLabel>
<DropdownLabel>New Repository&hellip;</DropdownLabel>
</DropdownItem>
</DropdownMenu>
)
}
export default async function RootLayout(props: { children: React.ReactNode }) {
const { children } = props
@ -72,8 +84,8 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
<Navbar>
<Dropdown>
<DropdownButton as={NavbarItem} className="max-lg:hidden">
<Avatar src="/tailwind-logo.svg" />
<NavbarLabel>Tailwind Labs</NavbarLabel>
<Avatar src="/api/media/file/bethel-logo.jpg" />
<NavbarLabel>Midrashim</NavbarLabel>
<ChevronDownIcon />
</DropdownButton>
<TeamDropdownMenu />
@ -96,7 +108,7 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
</NavbarItem>
<Dropdown>
<DropdownButton as={NavbarItem}>
<Avatar src="/profile-photo.jpg" square />
<Avatar src="/api/media/file/bethel-logo.jpg" square />
</DropdownButton>
<DropdownMenu className="min-w-64" anchor="bottom end">
<DropdownItem href="/my-profile">
@ -131,8 +143,8 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
<SidebarHeader>
<Dropdown>
<DropdownButton as={SidebarItem} className="lg:mb-2.5">
<Avatar src="/tailwind-logo.svg" />
<SidebarLabel>Tailwind Labs</SidebarLabel>
<Avatar src="/api/media/file/bethel-logo.jpg" />
<SidebarLabel>Midrashim</SidebarLabel>
<ChevronDownIcon />
</DropdownButton>
<TeamDropdownMenu />
@ -152,8 +164,6 @@ export default async function RootLayout(props: { children: React.ReactNode }) {
>
{children}
</StackedLayout>
</ThemeProvider>
)
}