From feb6c18abff3ebfde291ae0a5d2ce2be7d02a633 Mon Sep 17 00:00:00 2001
From: Julia Friesel <julia.friesel@gmail.com>
Date: Fri, 28 Sep 2018 13:40:06 +0200
Subject: [PATCH] Add circle to day view

---
 components/header.js | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/components/header.js b/components/header.js
index de0c9c9..b99ed15 100644
--- a/components/header.js
+++ b/components/header.js
@@ -1,7 +1,8 @@
 import React, { Component } from 'react'
 import {
   View,
-  Text
+  Text,
+  Dimensions
 } from 'react-native'
 import styles, { iconStyles } from '../styles'
 import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
@@ -9,9 +10,11 @@ import { formatDateForViewHeader } from '../components/cycle-day/labels/format'
 
 export default class Header extends Component {
   render() {
+    const middle = Dimensions.get('window').width / 2
     return (
       this.props.isCycleDayOverView ?
         <View style={[styles.header, styles.headerCycleDay]}>
+          <View style={styles.accentCircle} left={middle - styles.accentCircle.width / 2}/>
           <Icon
             name='arrow-left-drop-circle'
             {...iconStyles.navigationArrow}