Removes the lowercasing to the header title component

2019-09-15 15:29:15 +02:00
parent 580f1e79ba
commit f444de0b87
5 changed files with 15 additions and 16 deletions
@@ -10,18 +10,24 @@ export default function Title({ title, subtitle }) {
    return (
      <View>
        <Text style={styles.dateHeader} testID='headerTitle'>
-          {title}
+          { // design wants everyhting lowercased, but we don't
+            // have CSS pseudo properties
+            title.toLowerCase()}
        </Text>
        { subtitle &&
          <Text style={styles.cycleDayNumber} testID='headerSubtitle'>
-            {subtitle}
+            {subtitle.toLowerCase()}
          </Text>
        }
      </View>
    )
  }

-  return <Text testID='headerTitle' style={styles.headerText}>{title}</Text>
+  return (
+    <Text testID='headerTitle' style={styles.headerText}>
+      {title.toLowerCase()}
+    </Text>
+  )
 }

 Title.propTypes = {