Fix mucus value display on overview

components/cycle-day/cycle-day-overview.js

@@ -15,8 +15,6 @@ import AppText from '../app-text'
 import DripIcon from '../../assets/drip-icons'
 
 const bleedingLabels = labels.bleeding.labels
-const feelingLabels = labels.mucus.feeling.categories
-const textureLabels = labels.mucus.texture.categories
 const openingLabels = labels.cervix.opening.categories
 const firmnessLabels = labels.cervix.firmness.categories
 const positionLabels = labels.cervix.position.categories
@@ -72,13 +70,14 @@ export default class CycleDayOverView extends Component {
         }
       },
       mucus: mucus => {
-        const categories = ['feeling', 'texture', 'value']
+        const filledCategories = ['feeling', 'texture'].filter(c => isNumber(mucus[c]))
-        if (categories.every(c => isNumber(mucus[c]))) {
+        let label = filledCategories.map(category => {
-          let mucusLabel = [feelingLabels[mucus.feeling], textureLabels[mucus.texture]].join(', ')
+          return labels.mucus[category].categories[mucus[category]]
-          mucusLabel += `\n${labels.mucusNFP[mucus.value]}`
+        }).join(', ')
-          if (mucus.exclude) mucusLabel = `(${mucusLabel})`
+
-          return mucusLabel
+        if (isNumber(mucus.value)) label += `\n${labels.mucusNFP[mucus.value]}`
-        }
+        if (mucus.exclude) label = `(${label})`
+        return label
       },
       cervix: cervix => {
         let cervixLabel = []