ea60c3b841
- Add Tiptap editor + toolbar and rich content rendering with sanitize-html - Fix SSR hydration (immediatelyRender: false) and setContent options - Comments: rich text + visibility selector, typed attachments (Id<_storage>) - New Ticket: description rich text; attachments typed; queues typed - Convex: server-side filters using indexes; priority order rename; stronger Doc/Id typing; remove helper with any - Schemas/Mappers: zod v4 record typing; event payload record typing; customFields typed - UI: replace any in header/play/list/timeline/fields; improve select typings - Build passes; only non-blocking lint warnings remain
116 lines
3.4 KiB
TypeScript
116 lines
3.4 KiB
TypeScript
"use client"
|
|
|
|
import * as React from "react"
|
|
import {
|
|
LayoutDashboard,
|
|
LifeBuoy,
|
|
Ticket,
|
|
PlayCircle,
|
|
BookOpen,
|
|
BarChart3,
|
|
Gauge,
|
|
PanelsTopLeft,
|
|
Users,
|
|
Waypoints,
|
|
Timer,
|
|
Plug,
|
|
Layers3,
|
|
} from "lucide-react"
|
|
import { usePathname } from "next/navigation"
|
|
|
|
import { SearchForm } from "@/components/search-form"
|
|
import { VersionSwitcher } from "@/components/version-switcher"
|
|
import {
|
|
Sidebar,
|
|
SidebarContent,
|
|
SidebarGroup,
|
|
SidebarGroupContent,
|
|
SidebarGroupLabel,
|
|
SidebarHeader,
|
|
SidebarMenu,
|
|
SidebarMenuButton,
|
|
SidebarMenuItem,
|
|
SidebarRail,
|
|
} from "@/components/ui/sidebar"
|
|
|
|
const navigation = {
|
|
versions: ["MVP", "Beta", "Roadmap"],
|
|
navMain: [
|
|
{
|
|
title: "Operação",
|
|
items: [
|
|
{ title: "Dashboard", url: "/dashboard", icon: LayoutDashboard },
|
|
{ title: "Tickets", url: "/tickets", icon: Ticket },
|
|
{ title: "Visualizações", url: "/views", icon: PanelsTopLeft },
|
|
{ title: "Modo Play", url: "/play", icon: PlayCircle },
|
|
{ title: "Base de conhecimento", url: "/knowledge", icon: BookOpen },
|
|
],
|
|
},
|
|
{
|
|
title: "Relatorios",
|
|
items: [
|
|
{ title: "SLA e produtividade", url: "/reports/sla", icon: Gauge },
|
|
{ title: "Qualidade (CSAT)", url: "/reports/csat", icon: LifeBuoy },
|
|
{ title: "Backlog", url: "/reports/backlog", icon: BarChart3 },
|
|
],
|
|
},
|
|
{
|
|
title: "Configuração",
|
|
items: [
|
|
{ title: "Canais & roteamento", url: "/admin/channels", icon: Waypoints },
|
|
{ title: "Times & papéis", url: "/admin/teams", icon: Users },
|
|
{ title: "Campos personalizados", url: "/admin/fields", icon: Layers3 },
|
|
{ title: "SLAs", url: "/admin/slas", icon: Timer },
|
|
{ title: "Integrações", url: "/admin/integrations", icon: Plug },
|
|
],
|
|
},
|
|
],
|
|
} as const
|
|
|
|
export function AppSidebar({ ...props }: React.ComponentProps<typeof Sidebar>) {
|
|
const pathname = usePathname()
|
|
|
|
function isActive(url: string) {
|
|
if (!pathname) return false
|
|
if (url === "/dashboard" && pathname === "/") {
|
|
return true
|
|
}
|
|
return pathname === url || pathname.startsWith(`${url}/`)
|
|
}
|
|
|
|
return (
|
|
<Sidebar {...props}>
|
|
<SidebarHeader className="gap-3">
|
|
<VersionSwitcher
|
|
label="Release"
|
|
versions={[...navigation.versions]}
|
|
defaultVersion={navigation.versions[0]}
|
|
/>
|
|
<SearchForm placeholder="Buscar tickets, macros ou artigos" />
|
|
</SidebarHeader>
|
|
<SidebarContent>
|
|
{navigation.navMain.map((group) => (
|
|
<SidebarGroup key={group.title}>
|
|
<SidebarGroupLabel>{group.title}</SidebarGroupLabel>
|
|
<SidebarGroupContent>
|
|
<SidebarMenu>
|
|
{group.items.map((item) => (
|
|
<SidebarMenuItem key={item.title}>
|
|
<SidebarMenuButton asChild isActive={isActive(item.url)}>
|
|
<a href={item.url} className="gap-2">
|
|
<item.icon className="size-4" />
|
|
<span>{item.title}</span>
|
|
</a>
|
|
</SidebarMenuButton>
|
|
</SidebarMenuItem>
|
|
))}
|
|
</SidebarMenu>
|
|
</SidebarGroupContent>
|
|
</SidebarGroup>
|
|
))}
|
|
</SidebarContent>
|
|
<SidebarRail />
|
|
</Sidebar>
|
|
)
|
|
}
|
|
|