@igstack/app-catalog-frontend-core 0.2.0 → 0.3.0

package/src/routes/admin/approval-methods/index.tsx

@@ -1,161 +0,0 @@
-import type { ApprovalMethodType, TRPCRouter } from '@igstack/app-catalog-backend-core'
-import type { ColumnDef } from '@tanstack/react-table'
-import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query'
-import { createFileRoute } from '@tanstack/react-router'
-import type { TRPCClient } from '@trpc/client'
-import { useTRPC } from '~/api/infra/trpc'
-import { ApprovalMethodForm } from '~/modules/approvalMethod/ApprovalMethodForm'
-import { Badge } from '~/ui/badge'
-import { CrudList } from '~/ui/crud-list'
-
-/**
- * ApprovalMethod type as returned by tRPC (dates serialized to strings)
- */
-type SerializedApprovalMethod = Awaited<
-  ReturnType<TRPCClient<TRPCRouter>['approvalMethod']['list']['query']>
->[number]
-
-export const Route = createFileRoute('/admin/approval-methods/')({
-  component: RouteComponent,
-  async loader({ context }) {
-    const { trpcClient } = context
-    return {
-      approvalMethods: await trpcClient.approvalMethod.list.query(),
-    }
-  },
-  staticData: {
-    breadcrumb: {
-      title: 'List',
-    },
-  },
-})
-
-const TYPE_LABELS: Record<ApprovalMethodType, string> = {
-  service: 'Service',
-  personTeam: 'Person/Team',
-  custom: 'Custom',
-}
-
-const TYPE_COLORS: Record<
-  ApprovalMethodType,
-  'default' | 'outline' | 'secondary'
-> = {
-  service: 'default',
-  personTeam: 'secondary',
-  custom: 'outline',
-}
-
-const columns: Array<ColumnDef<SerializedApprovalMethod>> = [
-  {
-    accessorKey: 'displayName',
-    header: 'Name',
-  },
-  {
-    accessorKey: 'type',
-    header: 'Type',
-    cell: ({ row }) => (
-      <Badge variant={TYPE_COLORS[row.original.type]}>
-        {TYPE_LABELS[row.original.type]}
-      </Badge>
-    ),
-  },
-  {
-    accessorKey: 'config',
-    header: 'Configuration',
-    cell: ({ row }) => {
-      const config = row.original.config as Record<string, unknown> | null
-      if (!config) return <span className="text-muted-foreground">-</span>
-
-      // Show relevant config preview based on type
-      if (row.original.type === 'service' && config.url) {
-        return (
-          <span className="text-sm text-muted-foreground truncate max-w-[200px]">
-            {config.url as string}
-          </span>
-        )
-      }
-      if (
-        row.original.type === 'personTeam' &&
-        Array.isArray(config.reachOutContacts)
-      ) {
-        return (
-          <span className="text-sm text-muted-foreground">
-            {config.reachOutContacts.length} contact(s)
-          </span>
-        )
-      }
-      return <span className="text-muted-foreground">-</span>
-    },
-  },
-]
-
-function RouteComponent() {
-  const trpc = useTRPC()
-  const queryClient = useQueryClient()
-  const loaderData = Route.useLoaderData()
-
-  // Use query with loader data as initial data
-  const { data: approvalMethods = [] } = useQuery({
-    ...trpc.approvalMethod.list.queryOptions(),
-    initialData:
-      'approvalMethods' in loaderData ? loaderData.approvalMethods : [],
-  })
-
-  const createMutation = useMutation({
-    ...trpc.approvalMethod.create.mutationOptions(),
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: trpc.approvalMethod.list.queryKey(),
-      })
-    },
-  })
-
-  const updateMutation = useMutation({
-    ...trpc.approvalMethod.update.mutationOptions(),
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: trpc.approvalMethod.list.queryKey(),
-      })
-    },
-  })
-
-  const deleteMutation = useMutation({
-    ...trpc.approvalMethod.delete.mutationOptions(),
-    onSuccess: () => {
-      queryClient.invalidateQueries({
-        queryKey: trpc.approvalMethod.list.queryKey(),
-      })
-    },
-  })
-
-  return (
-    <div className="p-6">
-      <CrudList
-        data={approvalMethods}
-        columns={columns as any}
-        getRowId={(item) => item.slug}
-        title="Approval Methods"
-        createButtonLabel="Add Method"
-        emptyMessage="No approval methods configured"
-        renderForm={({ mode, item, onSubmit, onCancel, isPending }) => (
-          <ApprovalMethodForm
-            mode={mode}
-            initialData={item as any}
-            onSubmit={onSubmit}
-            onCancel={onCancel}
-            isPending={isPending}
-          />
-        )}
-        onCreate={async (data: any) => {
-          await createMutation.mutateAsync(data)
-        }}
-        onUpdate={async (data: any) => {
-          await updateMutation.mutateAsync(data)
-        }}
-        onDelete={async (item) => {
-          await deleteMutation.mutateAsync({ slug: item.slug })
-        }}
-      />
-    </div>
-  )
-}

package/src/routes/admin/approval-methods.tsx

@@ -1,10 +0,0 @@
-import { Outlet, createFileRoute } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/admin/approval-methods')({
-  component: () => <Outlet />,
-  staticData: {
-    breadcrumb: {
-      title: 'Approval Methods',
-    },
-  },
-})

package/src/routes/admin/chat.tsx

@@ -1,13 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { AdminChat } from '~/modules/admin-base'
-
-export const Route = createFileRoute('/admin/chat')({
-  component: RouteComponent,
-  staticData: {
-    breadcrumb: { title: 'Chat' },
-  },
-})
-
-function RouteComponent() {
-  return <AdminChat />
-}

package/src/routes/admin/icons.tsx

@@ -1,22 +0,0 @@
-import { createFileRoute } from '@tanstack/react-router'
-import { IconManagementPage } from '~/modules/icons/IconManagementPage'
-
-export const Route = createFileRoute('/admin/icons')({
-  component: IconsAdminPage,
-  staticData: {
-    breadcrumb: { title: 'Icons' },
-  },
-})
-
-function IconsAdminPage() {
-  return (
-    <div className="flex-1 flex flex-col">
-      <div className="border-b px-6 py-4">
-        <h2 className="text-xl font-semibold">Icons</h2>
-      </div>
-      <div className="flex-1 overflow-auto p-6">
-        <IconManagementPage />
-      </div>
-    </div>
-  )
-}

package/src/routes/admin/index.tsx

@@ -1,9 +0,0 @@
-import { Navigate, createFileRoute } from '@tanstack/react-router'
-
-export const Route = createFileRoute('/admin/')({
-  component: AdminIndexPage,
-})
-
-function AdminIndexPage() {
-  return <Navigate to="/admin/chat" replace />
-}

package/src/routes/admin.tsx

@@ -1,60 +0,0 @@
-import { Outlet, createFileRoute } from '@tanstack/react-router'
-import { ThemeProvider } from '~/components/theme-provider'
-import { AdminConfigProvider, AdminLayout } from '~/modules/admin-base'
-import { TopLevelProviders } from '~/ui/layout/TopLevelProviders'
-import { AuthorizationError } from '~/errors/AuthorizationError'
-import { isAdmin } from '~/modules/auth/authUtils'
-
-export const Route = createFileRoute('/admin')({
-  beforeLoad: async ({ context }) => {
-    // Fetch current user session with groups from tRPC (not better-auth's /api/auth/session)
-    const session = await context.trpcClient.auth.getSession.query()
-    const user = session.user
-
-    // Check if user is authenticated
-    if (!user) {
-      throw new AuthorizationError({
-        message: 'You must be logged in to access the admin panel',
-        resource: 'Admin Panel',
-      })
-    }
-
-    // Fetch auth config from backend to get adminGroups
-    const authConfig = await context.trpcClient.authConfig.query()
-    const adminGroups = authConfig.adminGroups
-
-    // Check if user has admin role
-    if (!isAdmin(user, adminGroups)) {
-      throw new AuthorizationError({
-        message: 'You need administrator privileges to access this area',
-        requiredRoles: adminGroups,
-        resource: 'Admin Panel',
-      })
-    }
-  },
-  component: AdminLayoutRoute,
-  staticData: {
-    breadcrumb: { title: 'Admin' },
-  },
-})
-
-function AdminLayoutRoute() {
-  const { queryClient, trpcClient } = Route.useRouteContext()
-
-  return (
-    <TopLevelProviders queryClient={queryClient} trpcClient={trpcClient}>
-      <ThemeProvider
-        attribute="class"
-        defaultTheme="system"
-        enableSystem
-        disableTransitionOnChange
-      >
-        <AdminConfigProvider>
-          <AdminLayout>
-            <Outlet />
-          </AdminLayout>
-        </AdminConfigProvider>
-      </ThemeProvider>
-    </TopLevelProviders>
-  )
-}