aboutsummaryrefslogtreecommitdiff
path: root/src/components/app-sidebar.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/app-sidebar.tsx')
-rw-r--r--src/components/app-sidebar.tsx84
1 files changed, 2 insertions, 82 deletions
diff --git a/src/components/app-sidebar.tsx b/src/components/app-sidebar.tsx
index d2bc03e..e8cbd4c 100644
--- a/src/components/app-sidebar.tsx
+++ b/src/components/app-sidebar.tsx
@@ -1,19 +1,9 @@
"use client"
import * as React from "react"
-import {CircleDollarSign, MessageCircle, MoreVerticalIcon, SquareStack, UserCircleIcon} from "lucide-react"
+import {CircleDollarSign, MessageCircle, SquareStack} from "lucide-react"
import {NavMain} from "@/components/nav-main"
-import {Avatar, AvatarFallback, AvatarImage,} from "@/components/ui/avatar"
-import {
- DropdownMenu,
- DropdownMenuContent,
- DropdownMenuGroup,
- DropdownMenuItem,
- DropdownMenuLabel,
- DropdownMenuSeparator,
- DropdownMenuTrigger,
-} from "@/components/ui/dropdown-menu"
import {
Sidebar,
SidebarContent,
@@ -34,15 +24,11 @@ export function AppSidebar({...props}: React.ComponentProps<typeof Sidebar>) {
const {isMobile} = useSidebar()
- // <button onClick={() => setActiveView('offerwall')}>Offerwall</button>
- // <button onClick={() => setActiveView('questions')}>Questions</button>
- // <button onClick={() => setActiveView('cashout')}>Cashout Methods</button>
-
return (
<Sidebar collapsible="offcanvas" {...props}>
<SidebarHeader>
<SidebarMenu>
- <SidebarMenuItem>
+ <SidebarMenuItem key="panel_name">
<SidebarMenuButton
asChild
className="data-[slot=sidebar-menu-button]:!p-1.5"
@@ -87,72 +73,6 @@ export function AppSidebar({...props}: React.ComponentProps<typeof Sidebar>) {
</SidebarGroup>
</SidebarContent>
- <SidebarGroupContent>
- <SidebarMenu>
- <SidebarMenuItem key="support">
- <SidebarMenuButton asChild>
- <a href="#">
- <MessageCircle/>
- <span>Support</span>
- </a>
- </SidebarMenuButton>
- </SidebarMenuItem>
- </SidebarMenu>
- </SidebarGroupContent>
-
-
- <SidebarFooter>
- <DropdownMenu>
- <DropdownMenuTrigger>
- <SidebarMenuButton
- size="lg"
- className="data-[state=open]:bg-sidebar-accent data-[state=open]:text-sidebar-accent-foreground"
- >
- <Avatar className="h-8 w-8 rounded-lg grayscale">
- <AvatarImage src="#" alt="foo"/>
- <AvatarFallback className="rounded-lg">IW</AvatarFallback>
- </Avatar>
- <div className="grid flex-1 text-left text-sm leading-tight">
- <span className="truncate font-medium">Ironwood User</span>
- <span className="truncate text-xs text-muted-foreground">
- ironwood@example.com
- </span>
- </div>
- <MoreVerticalIcon className="ml-auto size-4"/>
- </SidebarMenuButton>
- </DropdownMenuTrigger>
- <DropdownMenuContent
- className="w-[--radix-dropdown-menu-trigger-width] min-w-56 rounded-lg"
- side={isMobile ? "bottom" : "right"}
- align="end"
- sideOffset={4}
- >
- <DropdownMenuLabel className="p-0 font-normal">
- <div className="flex items-center gap-2 px-1 py-1.5 text-left text-sm">
- <Avatar className="h-8 w-8 rounded-lg">
- <AvatarImage src="#" alt="Ironwood User"/>
- <AvatarFallback className="rounded-lg">IW</AvatarFallback>
- </Avatar>
- <div className="grid flex-1 text-left text-sm leading-tight">
- <span className="truncate font-medium">Ironwood User</span>
- <span className="truncate text-xs text-muted-foreground">
- ironwood@example.com
- </span>
- </div>
- </div>
- </DropdownMenuLabel>
- <DropdownMenuSeparator/>
- <DropdownMenuGroup>
- <DropdownMenuItem>
- <UserCircleIcon/>
- Account
- </DropdownMenuItem>
- </DropdownMenuGroup>
- <DropdownMenuSeparator/>
- </DropdownMenuContent>
- </DropdownMenu>
- </SidebarFooter>
-
</Sidebar>
)
}