"use client"; import Link from "next/link"; import { useRouter } from "next/navigation"; import { useEffect, useState } from "react"; import { useStore, findPatient } from "@/lib/store"; import { membershipActive, membershipPlan, mxn, patientBalance, initials } from "@/lib/logic"; import { PageHead, Pill, Tabs, useUI } from "../ui"; import { ApptForm, NewPatientForm } from "../modals"; import { BudgetsTab, HistoryTab, InsuranceTab, OdontogramTab, PaymentsTab, ProceduresTab, RxTab, StudiesTab } from "./tabs"; type Tab = "historia" | "odonto" | "proc" | "rx" | "estudios" | "pres" | "cobros" | "seguro"; export function PatientView({ id, initialTab }: { id: string; initialTab?: string }) { const { s, ctx } = useStore(); const { open } = useUI(); const router = useRouter(); const [tab, setTab] = useState((initialTab as Tab) || "historia"); const [q, setQ] = useState(""); useEffect(() => { if (initialTab) setTab(initialTab as Tab); }, [initialTab]); const p = findPatient(s, id); if (!p) return

No se encontró al paciente. Ver pacientes

; const tabs: [Tab, string][] = [["historia", "Historia clínica"], ["odonto", "Odontograma"], ["proc", "Tratamientos"], ["rx", "Recetas"], ["estudios", "Radiografías"], ["pres", "Presupuestos"], ["cobros", "Cobros"]]; if (ctx.insurersOn) tabs.push(["seguro", "Seguro"]); const current = tab === "seguro" && !ctx.insurersOn ? "historia" : tab; const mp = membershipPlan(p, s.membershipPlans); const ins = ctx.insurersOn && p.ins ? s.insurers.find((i) => i.id === p.ins!.insurerId) : null; const list = s.patients.filter((x) => x.name.toLowerCase().includes(q.toLowerCase()) || x.tel.replace(/\D/g, "").includes(q.replace(/\D/g, "") || "~")); const body = { historia: HistoryTab, odonto: OdontogramTab, proc: ProceduresTab, rx: RxTab, estudios: StudiesTab, pres: BudgetsTab, cobros: PaymentsTab, seguro: InsuranceTab }[current]; const Body = body; return ( <> {p.age} años · {p.sex === "F" ? "Femenino" : "Masculino"} · {p.tel}{" "} {p.hist.alergias && p.hist.alergias !== "Ninguna" && Alergia: {p.hist.alergias}}{" "} {mp && {mp.name}{membershipActive(p, s.today) ? "" : " · pago vencido"}}{" "} {ins && {ins.name}}}>

setQ(e.target.value)} />

{list.map((x) => { const due = patientBalance(x, ctx).due; return ( {initials(x.name)} {x.name}{due ? `Saldo ${mxn(due)}` : "Sin saldo"} ); })} {!list.length && Sin resultados.}

); }