"use client" import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/components/ui/collapsible" import { Sidebar, SidebarGroup, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarMenu, SidebarMenuButton, SidebarMenuItem } from "@/components/ui/sidebar" import { ChevronDown, DollarSign, LayoutDashboard } from "lucide-react" import mainLogo from "@/images/logo.png" import Image from "next/image" import QueryWrapper from "@/components/module/query-wrapper" import { useMenuPricePlan } from "./view-model" import Link from "next/link" const Content = () => { const vm = useMenuPricePlan() return (
main-logo

NetworkPro

Dashboard {vm.getData().map((item, idx) => ( {item.getParentName() === "S" ? "Subscribe" : item.getParentName()} {item.getPricePlanTypeDto().map((item) => ( - {item.pricePlanTypeName} ))} ))}
) } const PricePlanSidebar = () => { return ( ) } export default PricePlanSidebar