diff --git a/components/chart/chart.js b/components/chart/chart.js index 93703b1..6ab5581 100644 --- a/components/chart/chart.js +++ b/components/chart/chart.js @@ -13,7 +13,11 @@ import Tutorial from './Tutorial' import YAxis from './y-axis' import { getCycleDaysSortedByDate } from '../../db' -import { getChartFlag, setChartFlag } from '../../local-storage' +import { + getChartFlag, + setChartFlag, + sexTrackingCategoryObservable, +} from '../../local-storage' import { makeColumnInfo } from '../helpers/chart' import { @@ -60,6 +64,16 @@ const CycleChart = ({ navigate, setDate }) => { (symptom) => symptom !== 'temperature' ) + const symptomRowEnabledSymptoms = symptomRowSymptoms.filter((symptom) => { + if (symptom === 'sex') { + if (sexTrackingCategoryObservable.value) { + return symptom + } + } else { + return symptom + } + }) + const shouldShowTemperatureColumn = chartSymptoms.indexOf('temperature') > -1 const { width, height } = Dimensions.get('window') @@ -71,8 +85,9 @@ const CycleChart = ({ navigate, setDate }) => { remainingHeight * CHART_SYMPTOM_HEIGHT_RATIO ) const symptomRowHeight = - PixelRatio.roundToNearestPixel(symptomRowSymptoms.length * symptomHeight) + - CHART_GRID_LINE_HORIZONTAL_WIDTH + PixelRatio.roundToNearestPixel( + symptomRowEnabledSymptoms.length * symptomHeight + ) + CHART_GRID_LINE_HORIZONTAL_WIDTH const columnHeight = remainingHeight - symptomRowHeight const chartHeight = shouldShowTemperatureColumn @@ -89,7 +104,7 @@ const CycleChart = ({ navigate, setDate }) => { navigate={navigate} symptomHeight={symptomHeight} columnHeight={columnHeight} - symptomRowSymptoms={symptomRowSymptoms} + symptomRowSymptoms={symptomRowEnabledSymptoms} chartSymptoms={chartSymptoms} shouldShowTemperatureColumn={shouldShowTemperatureColumn} xAxisHeight={xAxisHeight} @@ -114,7 +129,7 @@ const CycleChart = ({ navigate, setDate }) => {