Revert early return, fixes gaps in LTL line

This commit is contained in:
Julia Friesel
2018-09-27 19:29:26 +02:00
parent 6b606866e5
commit 17bb23fd91
3 changed files with 49 additions and 13 deletions
+17
View File
@@ -0,0 +1,17 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 15.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="850.39px" height="850.39px" viewBox="0 0 850.39 850.39" enable-background="new 0 0 850.39 850.39" xml:space="preserve">
<g>
<defs>
<rect id="SVGID_1_" x="350" y="336.467" width="144.262" height="181.533"/>
</defs>
<clipPath id="SVGID_2_">
<use xlink:href="#SVGID_1_" overflow="visible"/>
</clipPath>
<path clip-path="url(#SVGID_2_)" fill="none" stroke="#89113E" stroke-width="2" stroke-miterlimit="10" d="M492.723,455.44
c-5.531,39.136-41.74,66.377-80.876,60.847C372.712,510.757,351,483.64,351,444.115c0-37.555,79.739-114.673,80.391-105.969
C434.248,376.247,499.843,405.058,492.723,455.44z"/>
</g>
</svg>

After

Width:  |  Height:  |  Size: 1004 B

+16
View File
@@ -0,0 +1,16 @@
import React from 'react'
import Svg, { G, Path } from 'react-native-svg'
export default function HomeCycleIcon() {
return (
<Svg width={140} height={100} viewBox='200 200 350 350'>
<G>
<Path fill="none" stroke="#1E0B7A" strokeWidth="2" d="M379.708,350.568
C356.431,365.455,341,391.529,341,421.21c0,46.275,37.515,83.79,83.791,83.79s83.79-37.515,83.79-83.79
c0-31.784-17.696-59.436-43.773-73.637"/>
<Path fill="none" stroke="#1E0B7A" strokeWidth="2" d="M383.809,369.885v-18.398
c0,0,0-4.843-4.842-4.843h-18.399"/>
</G>
</Svg>
)
}
+5 -2
View File
@@ -106,9 +106,10 @@ export default class CycleChart extends Component {
const columns = xAxisDates.map(dateString => { const columns = xAxisDates.map(dateString => {
const column = { dateString } const column = { dateString }
const cycleDay = getCycleDay(dateString) const cycleDay = getCycleDay(dateString)
if (!cycleDay) return column let symptoms = {}
const symptoms = chartSymptoms.reduce((acc, symptom) => { if (cycleDay) {
symptoms = chartSymptoms.reduce((acc, symptom) => {
if (symptom === 'bleeding' || if (symptom === 'bleeding' ||
symptom === 'temperature' || symptom === 'temperature' ||
symptom === 'mucus' || symptom === 'mucus' ||
@@ -132,6 +133,8 @@ export default class CycleChart extends Component {
return acc return acc
}, {}) }, {})
}
const temp = symptoms.temperature const temp = symptoms.temperature
if (temp) { if (temp) {
column.y = normalizeToScale(temp, this.columnHeight) column.y = normalizeToScale(temp, this.columnHeight)