Files
clinicpro/assets/admin/components/ui/StatusBadge.tsx
T
hamed 20bdc49e89 feat(claims): add tracking number and status history for claims
- Introduced `tracking_number` field in the `claims` table to store the insurance tracking number.
- Created `claim_status_logs` table to maintain a history of status changes for claims, including who made the change and when.
- Implemented `ClaimStatusLog` entity and repository for managing status log entries.
- Updated `ClaimService` to log transitions and handle tracking numbers during claim submissions.
- Added new API endpoint for fetching claims by patient, including detailed claim history and status logs.
- Enhanced frontend with a new `ClaimPatientDetailPage` to display claims and their status history.
- Added tests to ensure correct aggregation of claims and proper handling of status transitions.
2026-07-18 23:38:02 +03:30

88 lines
3.7 KiB
TypeScript

import React from 'react';
import type { AppointmentStatus, PaymentStatus, SmsTemplateStatus, SettlementStatus, ClaimStatus } from '../../types';
type BadgeColor = 'green' | 'amber' | 'red' | 'blue' | 'violet' | 'gray';
const appointmentMap: Record<AppointmentStatus, { color: BadgeColor; label: string }> = {
pending: { color: 'blue', label: 'ثبت شده' },
confirmed: { color: 'green', label: 'قطعی شده' },
following_up: { color: 'amber', label: 'در حال پیگیری' },
salon: { color: 'violet', label: 'سالن' },
completed: { color: 'green', label: 'ویزیت شده' },
cancelled_by_user: { color: 'red', label: 'لغو توسط بیمار' },
cancelled_by_doctor: { color: 'red', label: 'لغو شده' },
no_show: { color: 'gray', label: 'غیبت' },
expired: { color: 'gray', label: 'منقضی' },
};
const paymentMap: Record<PaymentStatus, { color: BadgeColor; label: string }> = {
pending: { color: 'amber', label: 'در انتظار' },
success: { color: 'green', label: 'موفق' },
failed: { color: 'red', label: 'ناموفق' },
canceled: { color: 'red', label: 'لغو شده' },
refunded: { color: 'blue', label: 'استرداد' },
};
const smsMap: Record<SmsTemplateStatus, { color: BadgeColor; label: string }> = {
draft: { color: 'gray', label: 'پیش‌نویس' },
pending: { color: 'amber', label: 'در انتظار تأیید' },
approved: { color: 'green', label: 'تأیید شده' },
rejected: { color: 'red', label: 'رد شده' },
};
const settlementMap: Record<SettlementStatus, { color: BadgeColor; label: string }> = {
pending: { color: 'amber', label: 'در انتظار' },
approved: { color: 'green', label: 'تأیید شده' },
rejected: { color: 'red', label: 'رد شده' },
};
const claimMap: Record<ClaimStatus, { color: BadgeColor; label: string }> = {
pending: { color: 'gray', label: 'در انتظار ارسال' },
submitted: { color: 'blue', label: 'ارسال شده' },
approved: { color: 'amber', label: 'تأیید شده' },
rejected: { color: 'red', label: 'رد شده' },
paid: { color: 'green', label: 'پرداخت شده' },
mixed: { color: 'violet', label: 'وضعیت‌های مختلف' },
};
interface Props {
type: 'appointment' | 'payment' | 'sms' | 'settlement' | 'active' | 'claim';
value: string;
}
export default function StatusBadge({ type, value }: Props) {
let color: BadgeColor = 'gray';
let label = value;
if (type === 'appointment') {
const m = appointmentMap[value as AppointmentStatus];
if (m) { color = m.color; label = m.label; }
} else if (type === 'payment') {
const m = paymentMap[value as PaymentStatus];
if (m) { color = m.color; label = m.label; }
} else if (type === 'sms') {
const m = smsMap[value as SmsTemplateStatus];
if (m) { color = m.color; label = m.label; }
} else if (type === 'settlement') {
const m = settlementMap[value as SettlementStatus];
if (m) { color = m.color; label = m.label; }
} else if (type === 'claim') {
const m = claimMap[value as ClaimStatus];
if (m) { color = m.color; label = m.label; }
} else if (type === 'active') {
color = value === 'true' || value === 'active' ? 'green' : 'gray';
label = value === 'true' || value === 'active' ? 'فعال' : 'غیرفعال';
}
return (
<span className={`badge ${color}`}>
<span className="bdot" />
{label}
</span>
);
}
export function ActiveBadge({ active }: { active: boolean }) {
return <StatusBadge type="active" value={active ? 'active' : 'inactive'} />;
}