import { Head, router } from '@inertiajs/react'; import AppLayout from '@/layouts/app-layout'; import { Button } from '@/components/ui/button'; import { Card } from '@/components/ui/card'; import { Upload, ArrowLeft } from 'lucide-react'; import { useEffect } from 'react'; import { BreadcrumbItem } from '@/types'; export default function ContactImport() { const breadcrumbs: BreadcrumbItem[] = [ { title: 'Dashboard', href: '/dashboard' }, { title: 'Contacts', href: '/contacts' }, { title: 'Import Contacts', href: '/contacts-import' }, ]; // Redirect to contacts page where they can use the Import Modal useEffect(() => { // Small delay to show the page briefly before redirect const timer = setTimeout(() => { router.get('/contacts'); }, 100); return () => clearTimeout(timer); }, []); return (

Import Contacts

Redirecting you to the contacts page where you can use the Import feature...

); }