import { Head, Link, router } from '@inertiajs/react'; import { Edit2, Pause, Play, Plus, Trash2, Workflow } from 'lucide-react'; import * as React from 'react'; import { toast } from 'sonner'; import { Button } from '@/components/ui/button'; import { create as createAutomation, destroy as destroyAutomation, edit as editAutomation, toggle as toggleAutomation, } from '@/routes/client/automations'; import type { AutomationFlow } from './flow-builder'; interface AutomationsIndexProps { flows: AutomationFlow[]; } export default function AutomationsIndex({ flows }: AutomationsIndexProps) { const handleToggleFlow = (id: number) => { router.put( toggleAutomation.url(id), {}, { onSuccess: () => toast.success('Status alur berhasil diperbarui!'), }, ); }; const handleDeleteFlow = (flow: AutomationFlow) => { if ( confirm(`Apakah Anda yakin ingin menghapus alur "${flow.name}"?`) ) { router.delete(destroyAutomation.url(flow.id), { onSuccess: () => toast.success('Alur berhasil dihapus!'), }); } }; return ( <>

Otomasi Percakapan

Alur Otomasi (Bot WhatsApp)

{flows.map((flow) => ( ))}

Nama Alur	Kelola
{flow.name}

{flows.length === 0 && (

Belum ada alur otomasi yang dibuat

Mulai dengan merancang alur interaktif bot pertama Anda untuk membalas pesan pelanggan secara otomatis 24/7.

)}

); } AutomationsIndex.layout = (page: React.ReactNode) => page;