Extract symptom header

2018-11-16 15:13:31 +01:00
parent 1898770fb0
commit d9123584c3
2 changed files with 39 additions and 24 deletions
@@ -0,0 +1,33 @@
+import React from 'react'
+import {
+  View,
+  Text} from 'react-native'
+import styles, { iconStyles } from '../../styles'
+import Icon from 'react-native-vector-icons/Entypo'
+import FeatherIcon from 'react-native-vector-icons/Feather'
+
+export default function SymptomViewHeader(props) {
+  return (
+    <View style={[styles.header, styles.headerSymptom]}>
+      <View
+        style={styles.accentCircle}
+        left={props.middle - styles.accentCircle.width / 2}
+      />
+      <Icon
+        name='chevron-thin-left'
+        {...iconStyles.navigationArrow}
+        onPress={() => props.goBack()}
+
+      />
+      <View>
+        <Text style={styles.dateHeader}>
+          {props.title}
+        </Text>
+      </View >
+      <FeatherIcon
+        name='info'
+        {...iconStyles.symptomHeaderIcons}
+      />
+    </View>
+  )
+}