import { Head, Link } from '@inertiajs/react';
import type { ColumnDef } from '@tanstack/react-table';
import { useMemo } from 'react';
import { DataTable } from '@/components/data-table';
import { EmptyState } from '@/components/layout/empty-state';
import { PageHeader } from '@/components/layout/page-header';
import { SectionCard } from '@/components/layout/section-card';
import { StatusBadge } from '@/components/status-badge';
import AppLayout from '@/layouts/app-layout';
type PluginItem = {
key: string;
name: string;
description: string;
enabled: boolean;
href?: string;
};
type Props = {
plugins: PluginItem[];
};
export default function AdminPluginsIndex({ plugins }: Props) {
const columns = useMemo[]>(
() => [
{
accessorKey: 'name',
header: 'Plugin',
meta: { label: 'Plugin' },
cell: ({ row }) =>
row.original.href ? (
{row.getValue('name')}
) : (
{row.getValue('name')}
),
},
{
accessorKey: 'description',
header: 'Description',
meta: { label: 'Description' },
cell: ({ row }) => (
{row.getValue('description')}
),
},
{
accessorKey: 'enabled',
header: 'Status',
meta: { label: 'Status' },
cell: ({ row }) => (
),
},
],
[],
);
return (
<>
{plugins.length === 0 ? (
) : (
)}
);
}
AdminPluginsIndex.layout = (page: React.ReactNode) => (
{page}
);