First Commit

2026-07-18 13:27:37 +07:00
commit bac95bdb2e
154 changed files with 26610 additions and 0 deletions
@@ -0,0 +1,75 @@
+import { Link, useRouterState } from '@tanstack/react-router'
+import { useQuery } from '@tanstack/react-query'
+import { LayoutGridIcon, UsersIcon } from 'lucide-react'
+import { AppSwitcher } from '@/components/app-switcher'
+import { meQueryOptions } from '@/queries/auth'
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarFooter,
+  SidebarGroup,
+  SidebarGroupContent,
+  SidebarGroupLabel,
+  SidebarHeader,
+  SidebarMenu,
+  SidebarMenuButton,
+  SidebarMenuItem,
+} from '@authportal/ui/components/sidebar'
+
+function isActive(pathname: string, to: string, exact: boolean) {
+  if (exact) return pathname === to
+  return pathname === to || pathname.startsWith(`${to}/`)
+}
+
+export function AppSidebar() {
+  const pathname = useRouterState({ select: (s) => s.location.pathname })
+  const { data: me } = useQuery(meQueryOptions)
+
+  return (
+    <Sidebar collapsible="icon">
+      <SidebarHeader>
+        <AppSwitcher />
+      </SidebarHeader>
+      <SidebarContent>
+        <SidebarGroup>
+          <SidebarGroupLabel>Портал</SidebarGroupLabel>
+          <SidebarGroupContent>
+            <SidebarMenu>
+              <SidebarMenuItem>
+                <SidebarMenuButton
+                  tooltip="Приложения"
+                  isActive={isActive(pathname, '/apps', true)}
+                  render={<Link to="/apps" />}
+                >
+                  <LayoutGridIcon className="size-4" />
+                  <span>Приложения</span>
+                </SidebarMenuButton>
+              </SidebarMenuItem>
+            </SidebarMenu>
+          </SidebarGroupContent>
+        </SidebarGroup>
+
+        {me?.is_admin ? (
+          <SidebarGroup>
+            <SidebarGroupLabel>Админ</SidebarGroupLabel>
+            <SidebarGroupContent>
+              <SidebarMenu>
+                <SidebarMenuItem>
+                  <SidebarMenuButton
+                    tooltip="Пользователи"
+                    isActive={isActive(pathname, '/admin', false)}
+                    render={<Link to="/admin" />}
+                  >
+                    <UsersIcon className="size-4" />
+                    <span>Пользователи</span>
+                  </SidebarMenuButton>
+                </SidebarMenuItem>
+              </SidebarMenu>
+            </SidebarGroupContent>
+          </SidebarGroup>
+        ) : null}
+      </SidebarContent>
+      <SidebarFooter />
+    </Sidebar>
+  )
+}