From 96d2459777d8a3cb5718d65c08eed0efb332416a Mon Sep 17 00:00:00 2001
From: mashazyu <mariya.z@gmail.com>
Date: Sun, 2 Dec 2018 19:23:02 +0100
Subject: [PATCH] Changes header of today's cycle day overview page

---
 components/header/cycle-day.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/components/header/cycle-day.js b/components/header/cycle-day.js
index a78cf1b..332b300 100644
--- a/components/header/cycle-day.js
+++ b/components/header/cycle-day.js
@@ -2,11 +2,18 @@ import React from 'react'
 import {
   View,
   Text} from 'react-native'
+import { LocalDate } from 'js-joda'
 import moment from 'moment'
 import styles from '../../styles'
 import NavigationArrow from './navigation-arrow'
 
-export default function CycleDayHeader(props) {
+const FormattedDate = ({ date }) => {
+  const today = LocalDate.now()
+  const dateToDisplay = LocalDate.parse(date)
+  return today.equals(dateToDisplay) ? 'today' : moment(date).format('MMMM Do YYYY')
+}
+
+export default function CycleDayHeader({ date, ...props }) {
   return (<View style={[styles.header, styles.headerCycleDay]}>
     <View
       style={styles.accentCircle}
@@ -15,7 +22,7 @@ export default function CycleDayHeader(props) {
     <NavigationArrow direction='left' {...props}/>
     <View>
       <Text style={styles.dateHeader}>
-        {moment(props.date).format('MMMM Do YYYY')}
+        <FormattedDate date={date} />
       </Text>
       {props.cycleDayNumber &&
         <Text style={styles.cycleDayNumber}>