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