From aa925a0c569ac262191ca0923292e890574a6e8e Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Wed, 26 Sep 2018 10:59:45 +0200
Subject: [PATCH] Pass active state to icon
---
components/cycle-day/cycle-day-overview.js | 12 ++++++++----
1 file changed, 8 insertions(+), 4 deletions(-)
diff --git a/components/cycle-day/cycle-day-overview.js b/components/cycle-day/cycle-day-overview.js
index 2639e14e..d4356215 100644
--- a/components/cycle-day/cycle-day-overview.js
+++ b/components/cycle-day/cycle-day-overview.js
@@ -82,9 +82,7 @@ export default class CycleDayOverView extends Component {
data={getLabel('mucus', cycleDay.mucus)}
disabled={dateInFuture}
>
- <Svg width={100} height={50} viewBox='0 0 450 450'>
- <MucusIcon />
- </Svg>
+ <MucusIcon viewBox='0 0 450 450' />
</SymptomBox>
<SymptomBox
title='Cervix'
@@ -238,7 +236,13 @@ class SymptomBox extends Component {
<View style={[styles.symptomBox, boxActive, disabledStyle]}>
{this.props.children ?
- React.cloneElement(this.props.children, {active: true})
+ React.Children.map(this.props.children, child => {
+ return (
+ <Svg width={100} height={50} viewBox={child.props.viewBox}>
+ {React.cloneElement(child, { active: !!d })}
+ </Svg>
+ )
+ })
: null
}
--
GitLab