20 lines
516 B
React
20 lines
516 B
React
|
export function GateFulfillmentBadge({ graphState, itemId }) {
|
||
|
|
const ratio = graphState?.items?.[itemId]?.fulfillment_ratio
|
||
|
|
if (ratio == null) return null
|
||
|
|
|
||
|
|
const pct = Math.round(ratio * 100)
|
||
|
|
const emphasize = graphState?.graph_profile?.emphasize_fulfillment
|
||
|
|
|
||
|
|
return (
|
||
|
|
<span
|
||
|
|
className={
|
||
|
|
'status-pill status-pill--fulfillment' +
|
||
|
|
(emphasize ? ' status-pill--fulfillment-primary' : '')
|
||
|
|
}
|
||
|
|
title="Kriterien erfüllt / gesamt"
|
||
|
|
>
|
||
|
|
{pct}% Kriterien
|
||
|
|
</span>
|
||
|
|
)
|
||
|
|
}
|