|
|
@ -106,7 +106,7 @@ export const HealthByBudget = ({status}) => { |
|
|
|
let bgColor = '#52AC0B'; // on-budget
|
|
|
|
let bgColor = '#52AC0B'; // on-budget
|
|
|
|
if (status && status !== '-') { |
|
|
|
if (status && status !== '-') { |
|
|
|
if (status === 'warning') bgColor = '#ED7014'; |
|
|
|
if (status === 'warning') bgColor = '#ED7014'; |
|
|
|
else if (status === 'danger') bgColor = '#D0312D'; |
|
|
|
else if (status === 'overrun') bgColor = '#D0312D'; |
|
|
|
} |
|
|
|
} |
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<div style={{backgroundColor: bgColor, color: '#FFFFFF', padding: 5, borderRadius: 10, marginBottom: 10, minHeight: 25}}> |
|
|
|
<div style={{backgroundColor: bgColor, color: '#FFFFFF', padding: 5, borderRadius: 10, marginBottom: 10, minHeight: 25}}> |
|
|
|