diff --git a/components/chart/day-column.js b/components/chart/day-column.js
index c23da39..268df06 100644
--- a/components/chart/day-column.js
+++ b/components/chart/day-column.js
@@ -38,19 +38,11 @@ export default class DayColumn extends Component {
chartHeight
} = this.props
- const columnElements = []
+ const columnHeight = chartHeight * config.columnHeightPercentage
+ const xAxisHeight = chartHeight * config.xAxisHeightPercentage
+ const symptomHeight = chartHeight * config.symptomRowHeightPercentage
- if(drawFhmLine) {
- const fhmLine = ()
- columnElements.push(fhmLine)
- }
+ const columnElements = []
if(drawLtlAt) {
const ltlLine = (
)
- const columnHeight = chartHeight * config.columnHeightPercentage
- const xAxisHeight = chartHeight * config.xAxisHeightPercentage
- const symptomHeight = chartHeight * config.symptomRowHeightPercentage
+ // we merge the colors here instead of from the stylesheet because of a RN
+ // bug that doesn't apply borderLeftColor otherwise
+ const customStyle = {
+ height: columnHeight,
+ borderLeftColor: 'grey',
+ borderRightColor: 'grey'
+ }
+ if (drawFhmLine) {
+ customStyle.borderLeftColor = styles.nfpLine.borderColor
+ customStyle.borderLeftWidth = 3
+ }
const column = React.createElement(
TouchableOpacity,
{
- style: [styles.column.rect, {height: columnHeight}],
+ style: [styles.column.rect, customStyle],
key: this.props.index.toString(),
onPress: () => {
this.passDateToDayView(dateString)
diff --git a/components/chart/styles.js b/components/chart/styles.js
index bfc3430..d7ab484 100644
--- a/components/chart/styles.js
+++ b/components/chart/styles.js
@@ -39,7 +39,6 @@ const styles = {
rect: {
width: config.columnWidth,
borderStyle: 'solid',
- borderColor: 'grey',
borderLeftWidth: 0.5,
borderRightWidth: 0.5,
}