Skip to content
Snippets Groups Projects
Commit feb6c18a authored by Julia Friesel's avatar Julia Friesel
Browse files

Add circle to day view

parent a778d142
No related branches found
No related tags found
No related merge requests found
import React, { Component } from 'react' import React, { Component } from 'react'
import { import {
View, View,
Text Text,
Dimensions
} from 'react-native' } from 'react-native'
import styles, { iconStyles } from '../styles' import styles, { iconStyles } from '../styles'
import Icon from 'react-native-vector-icons/MaterialCommunityIcons' import Icon from 'react-native-vector-icons/MaterialCommunityIcons'
...@@ -9,9 +10,11 @@ import { formatDateForViewHeader } from '../components/cycle-day/labels/format' ...@@ -9,9 +10,11 @@ import { formatDateForViewHeader } from '../components/cycle-day/labels/format'
export default class Header extends Component { export default class Header extends Component {
render() { render() {
const middle = Dimensions.get('window').width / 2
return ( return (
this.props.isCycleDayOverView ? this.props.isCycleDayOverView ?
<View style={[styles.header, styles.headerCycleDay]}> <View style={[styles.header, styles.headerCycleDay]}>
<View style={styles.accentCircle} left={middle - styles.accentCircle.width / 2}/>
<Icon <Icon
name='arrow-left-drop-circle' name='arrow-left-drop-circle'
{...iconStyles.navigationArrow} {...iconStyles.navigationArrow}
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment