Add circle to day view
This commit is contained in:
@@ -1,7 +1,8 @@
|
|||||||
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'
|
|||||||
|
|
||||||
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}
|
||||||
|
|||||||
Reference in New Issue
Block a user