From 80bf63adc23ce8dd4195c520f00a68edad1bdcfe Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Fri, 8 Jun 2018 19:05:03 +0200
Subject: [PATCH] Display differing shades of red depending on bleeding value
---
calendar.js | 3 ++-
1 file changed, 2 insertions(+), 1 deletion(-)
diff --git a/calendar.js b/calendar.js
index 50a9637c..2cb6f949 100644
--- a/calendar.js
+++ b/calendar.js
@@ -37,9 +37,10 @@ export default class DatePickView extends Component {
}
function getBleedingDaysInCalFormat(bleedingDaysSortedByDate) {
+ const shadesOfRed = ['#ffbaba', '#ff7b7b', '#ff5252', '#ff0000']
return bleedingDaysSortedByDate.reduce((acc, day) => {
const dateString = day.date.toISOString().slice(0, 10)
- acc[dateString] = { startingDay: true, endingDay: true, color: 'red' }
+ acc[dateString] = { startingDay: true, endingDay: true, color: shadesOfRed[day.bleeding.value] }
return acc
}, {})
}
\ No newline at end of file
--
GitLab