import { useTranslation } from '@/hooks/use-translation'; import React from 'react'; import { Head, Link, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card'; import { Plus, Edit, Trash2, Briefcase, Activity } from 'lucide-react'; import { type BreadcrumbItem, type Board } from '@/types'; interface BoardWithCounts extends Board { members_count: number; active_members_count: number; } interface Props { boards: BoardWithCounts[]; } export default function BoardsIndex({ boards }: Readonly) { const { t } = useTranslation(); const handleDelete = (board: BoardWithCounts) => { if (confirm(`Are you sure you want to delete "${board.name}"?`)) { router.delete(`/admin/boards/${board.id}`); } }; const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Boards', href: '/admin/boards' }, ]; return (

{t('Boards')}

{t('Manage boards and their members')}

{t('Total Boards')}

{boards.length}

{t('Total Members')}

{boards.reduce((sum, b) => sum + b.members_count, 0)}

{t('Active Memberships')}

{boards.reduce((sum, b) => sum + b.active_members_count, 0)}

{boards.length > 0 ? ( boards.map((board) => ( {board.name} {board.description && ( {board.description} )}

{t('Total Members:')} {board.members_count}

{t('Active:')} {board.active_members_count}

)) ) : (

{t('No boards found')}

{t('Get started by creating your first board')}

)}

); }