ruidy/ticket_manager
1
0
Fork 0
mirror of https://github.com/rjNemo/ticket_manager synced 2026-06-12 11:46:40 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

variable progress bar color

Browse source
This commit is contained in:
Ruidy Nemausat 2020-03-03 19:13:56 +01:00
parent 10523c588c
commit 0b4b605280
1 changed files with 12 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
client/src/components/ProgressBar.tsx
View file

@ -16,7 +16,18 @@ export const ProgressBar: FC<ProgressBarProps> = ({
remainingDays remainingDays
}) => { }) => {
const styleString: CSSProperties = { width: `${value}%` }; const styleString: CSSProperties = { width: `${value}%` };
const barColor: string = value < 75 ? "red" : ""; let barColor: string = "green";
if (value < 100) {
barColor = "yellow";
}
if (value < 200 / 3) {
barColor = "orange";
}
if (value < 100 / 3) {
barColor = "red";
}
return ( return (
<> <>
<div className="row"> <div className="row">