Merge branch '437-cycle-day-overview-fix' into 'rebased-redesign'

Resolve "Cycle day overview"

See merge request bloodyhealth/drip!307

components/cycle-day/symptom-page-title.js

@@ -8,12 +8,7 @@ import AppText from '../common/app-text'
 import { connect } from 'react-redux'
 import { getDate, setDate } from '../../slices/date'
 
-import {
-  nextDate,
-  prevDate,
-  isTomorrowInFuture,
-  isYesterdayInFuture,
-} from '../helpers/cycle-day'
+import { nextDate, prevDate } from '../helpers/cycle-day'
 import { Colors, Containers, Spacing, Typography } from '../../styles'
 import { HIT_SLOP } from '../../config'
 
@@ -24,8 +19,6 @@ const SymptomPageTitle = ({
   subtitle,
   title,
 }) => {
-  const rightArrowColor = isTomorrowInFuture(date) ? Colors.grey : Colors.orange
-  const leftArrowColor = isYesterdayInFuture(date) ? Colors.grey : Colors.orange
   const navigate = (isForward) => {
     const nextDay = isForward ? nextDate(date) : prevDate(date)
     reloadSymptomData(nextDay)
@@ -35,14 +28,14 @@ const SymptomPageTitle = ({
   return (
     <View style={styles.container}>
       <TouchableOpacity onPress={() => navigate(false)} hitSlop={HIT_SLOP}>
-        <AppIcon name='chevron-left' color={leftArrowColor} />
+        <AppIcon name='chevron-left' color={Colors.orange}/>
       </TouchableOpacity>
       <View style={styles.textContainer}>
         <AppText style={styles.title}>{title}</AppText>
         {subtitle && <AppText style={styles.subtitle}>{subtitle}</AppText>}
       </View>
       <TouchableOpacity onPress={() => navigate(true)} hitSlop={HIT_SLOP}>
-        <AppIcon name='chevron-right' color={rightArrowColor} />
+        <AppIcon name='chevron-right' color={Colors.orange}/>
       </TouchableOpacity>
     </View>
   )

components/helpers/cycle-day.js

@@ -425,13 +425,3 @@ export const nextDate = (dateString) => {
 export const isDateInFuture = (dateString) => {
   return LocalDate.now().isBefore(LocalDate.parse(dateString))
 }
-
-export const isTomorrowInFuture = (dateString) => {
-  const tomorrow = nextDate(dateString)
-  return LocalDate.now().isBefore(LocalDate.parse(tomorrow))
-}
-
-export const isYesterdayInFuture = (dateString) => {
-  const yesterday = prevDate(dateString)
-  return LocalDate.now().isBefore(LocalDate.parse(yesterday))
-}

components/helpers/format-date.js

@@ -20,5 +20,5 @@ export function dateToTitle(dateString) {
   const dateToDisplay = LocalDate.parse(dateString)
   return today.equals(dateToDisplay) ?
     labels.today :
-    moment(dateString).format('MMMM Do')
+    moment(dateString).format('dddd, Do MMM YYYY')
 }

components/home.js

@@ -80,11 +80,15 @@ class Home extends Component {
           {!this.cycleDayNumber && <AppText>{cycleDayText}</AppText>}
         </View>
         <View style={styles.line}>
-          {!phase && <AppText style={styles.tourquiseText}>{phaseText}</AppText>}
+          {!phase &&
+            <AppText style={styles.tourquiseText}>{phaseText}</AppText>
+          }
           {phase && (
             <React.Fragment>
               <AppText style={styles.whiteText}>{phaseText}</AppText>
-              <AppText style={styles.tourquiseText}>{labels.cyclePhase}</AppText>
+              <AppText style={styles.tourquiseText}>
+                {labels.cyclePhase}
+              </AppText>
               <AppText style={styles.tourquiseText}>{status}</AppText>
               <Asterisk />
             </React.Fragment>
@@ -99,7 +103,9 @@ class Home extends Component {
         {phase && (
           <View style={styles.line}>
             <Asterisk />
-            <AppText style={styles.tourquiseText} linkStyle={styles.whiteText}>{statusText}</AppText>
+            <AppText style={styles.tourquiseText} linkStyle={styles.whiteText}>
+              {statusText}
+            </AppText>
           </View>
         )}
       </ScrollView>