import React from 'react'; import { Card, Col, Container, Row, Button, Badge } from 'react-bootstrap'; import { Head, router } from '@inertiajs/react'; import { Edit, FileText, Flame, Zap } from 'lucide-react'; import BreadCrumb from '../../../../Components/Common/BreadCrumb'; import Layout from '../../../../Layouts'; import { useLoading } from '../../../../LoadingContext'; interface ConsultaTarifaProps { tarifa: any; tipoTarifa: 'electrica' | 'gas'; } const ConsultaTarifa = ({ tarifa, tipoTarifa }: ConsultaTarifaProps) => { const esGas = tipoTarifa === 'gas'; const { showLoading, hideLoading } = useLoading(); const nombre = tarifa?.nombre || '—'; const activa = tarifa?.activa === true || tarifa?.activa === 1; const handleEdit = () => { showLoading(); router.visit(route('tarifas.editar', { tipo: tipoTarifa, id: tarifa.id }), { onFinish: hideLoading }); }; const handleBack = () => { showLoading(); router.visit(route('tarifas.index', { tipo: tipoTarifa }), { onFinish: hideLoading }); }; return (
{esGas ?
{activa ? 'Activa' : 'Inactiva'}

Tipo

{esGas ? 'Tarifa Gas' : 'Tarifa Eléctrica'}

Código

{tarifa.id}

Nombre tarifa

{esGas ? (tarifa.NomTarGas || '—') : (tarifa.NomTarEle || '—')}

Nombre alterno

{tarifa.nombre_alterno || '—'}

{esGas ? ( <>

Consumo anual mínimo

{tarifa.MinConAnu ?? '—'}

Consumo anual máximo

{tarifa.MaxConAnu ?? '—'}

) : ( <>

Tensión

{tarifa.TipTen || '—'}

Periodos

{tarifa.CanPerTar ?? '—'}

Potencia mínima (kW)

{tarifa.MinPotCon ?? '—'}

Potencia máxima (kW)

{tarifa.MaxPotCon ?? '—'}

)}
); }; (ConsultaTarifa as any).layout = (page: React.ReactNode) => ; export default ConsultaTarifa;