Changes
Co-authored-by: renee-png <262607627+renee-png@users.noreply.github.com>
This commit is contained in:
co-authored by
renee-png
parent
791fa8923a
commit
b1ab7656e3
@@ -0,0 +1,40 @@
|
||||
import { Badge } from "@/components/ui/badge";
|
||||
|
||||
/**
|
||||
* Compact BK / PP indicator badges used next to case/collection names.
|
||||
* - BK = Bankruptcy
|
||||
* - PP = Payment Plan
|
||||
*/
|
||||
export function StatusFlagBadges({
|
||||
bk,
|
||||
pp,
|
||||
className,
|
||||
}: {
|
||||
bk?: boolean | null;
|
||||
pp?: boolean | null;
|
||||
className?: string;
|
||||
}) {
|
||||
if (!bk && !pp) return null;
|
||||
return (
|
||||
<span className={`inline-flex items-center gap-1 ${className ?? ""}`}>
|
||||
{bk && (
|
||||
<Badge
|
||||
variant="outline"
|
||||
className="text-[9px] px-1.5 py-0 h-4 border-rose-600 text-rose-700 dark:text-rose-300 dark:border-rose-400 font-semibold"
|
||||
title="In bankruptcy"
|
||||
>
|
||||
BK
|
||||
</Badge>
|
||||
)}
|
||||
{pp && (
|
||||
<Badge
|
||||
variant="outline"
|
||||
className="text-[9px] px-1.5 py-0 h-4 border-blue-600 text-blue-700 dark:text-blue-300 dark:border-blue-400 font-semibold"
|
||||
title="On payment plan"
|
||||
>
|
||||
PP
|
||||
</Badge>
|
||||
)}
|
||||
</span>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user