import { Card, Col, Container, Row } from 'react-bootstrap'; import { Head, usePage, router } from '@inertiajs/react'; import React, { useEffect, useRef } from 'react'; import Swal from 'sweetalert2'; import Layout from '../../../../Layouts'; import { useLoading } from '../../../../LoadingContext'; import TarifasCardsView from './TarifasCardsView'; const Index = () => { const { tarifas, pagination, tipoTarifa } = usePage().props as any; const flash = usePage().props.flash as any; const flashShownRef = useRef(null); useEffect(() => { const msg = flash?.message || flash?.error; if (!msg || flashShownRef.current === msg) return; flashShownRef.current = msg; Swal.fire({ title: msg, icon: flash?.type || (flash?.error ? 'error' : 'success'), timer: 1500, showConfirmButton: false, }); }, [flash]); const initialData = Array.isArray(tarifas) ? tarifas : []; const initialPagination = pagination || { current_page: 1, last_page: 1, per_page: 12, total: initialData.length }; const tipo = (tipoTarifa === 'gas' ? 'gas' : 'electrica') as 'electrica' | 'gas'; const { showLoading, hideLoading } = useLoading(); const handleAgregar = (tipoTarifaSeleccionado: 'electrica' | 'gas') => { showLoading(); router.visit(route('tarifas.crear', { tipo: tipoTarifaSeleccionado }), { onFinish: hideLoading }); }; return (