import { Head, Link, usePage } from '@inertiajs/react';
import { useEffect } from 'react';
import Swal from 'sweetalert2';
import Heading from '@/components/heading';
import { Button } from '@/components/ui/button';
import { DataTable } from '@/components/ui/data-table';
import { create, index } from '@/routes/users';
import type { User } from '@/types';
import { createColumns } from './columns';
interface Props {
users: {
data: User[];
current_page: number;
last_page: number;
per_page: number;
total: number;
};
}
export default function Index({ users }: Props) {
const { currentTeam, flash } = usePage().props;
const columns = createColumns(currentTeam);
console.log('[Users Index] Component rendered', { flash, currentTeam });
useEffect(() => {
console.log('[Users Index] useEffect triggered', { flash });
if (flash?.success) {
console.log('[Users Index] Showing success alert:', flash.success);
Swal.fire({
title: 'Uspjeh!',
text: flash.success,
icon: 'success',
confirmButtonText: 'U redu',
});
}
}, [flash]);
return (
<>
Korisnici
);
}
Index.layout = (props: { currentTeam: { slug: string } | null }) => ({
breadcrumbs: [
{
title: 'Dashboard',
href: '/',
},
{
title: 'Korisnici',
href: props.currentTeam ? index.url({ current_team: props.currentTeam.slug }) : '#',
},
],
});