From 0a86f3847293dc6230f3f99aa6fafd9ae67a40b9 Mon Sep 17 00:00:00 2001
From: Sofiya Tepikin <sofiya.tepikin@gmail.com>
Date: Thu, 27 Feb 2020 10:13:33 +0100
Subject: [PATCH] Moves out HomeElement component
---
components/home-element.js | 40 ++++++++++++++++++++++++++++++++++++++
components/home.js | 34 +++++++-------------------------
2 files changed, 47 insertions(+), 27 deletions(-)
create mode 100644 components/home-element.js
diff --git a/components/home-element.js b/components/home-element.js
new file mode 100644
index 00000000..5c2423b0
--- /dev/null
+++ b/components/home-element.js
@@ -0,0 +1,40 @@
+import React from 'react'
+import { View } from 'react-native'
+import PropTypes from 'prop-types'
+
+import Button from './button'
+
+import styles from '../styles'
+
+const HomeElement = ({ children, onPress, buttonColor, buttonLabel }) => {
+ return (
+ <View
+ onPress={ onPress }
+ style={ styles.homeElement }
+ >
+ <View style={styles.homeIconAndText}>
+ {children[0]}
+ {children[1]}
+ </View>
+
+ <View style={{paddingLeft: 15}}>
+ {children.slice(2)}
+ <Button
+ style={styles.homeButton}
+ onPress={ onPress }
+ backgroundColor={ buttonColor }>
+ { buttonLabel }
+ </Button>
+ </View>
+ </View>
+ )
+}
+
+HomeElement.propTypes = {
+ buttonColor: PropTypes.string,
+ buttonLabel: PropTypes.string,
+ children: PropTypes.node,
+ onPress: PropTypes.func,
+}
+
+export default HomeElement
diff --git a/components/home.js b/components/home.js
index ae09c3e9..0a289cee 100644
--- a/components/home.js
+++ b/components/home.js
@@ -7,42 +7,22 @@ import { navigate } from '../slices/navigation'
import { setDate } from '../slices/date'
import DripHomeIcon from '../assets/drip-home-icons'
+
+import AppText from './app-text'
+import IconText from './icon-text'
+import HomeElement from './home-element'
+
import {
bleedingPrediction as predictLabels,
home as labels
} from '../i18n/en/labels'
import links from '../i18n/en/links'
+
import cycleModule from '../lib/cycle'
import { getFertilityStatusForDay } from '../lib/sympto-adapter'
-import styles, { cycleDayColor, periodColor, secondaryColor } from '../styles'
-import AppText from './app-text'
-import Button from './button'
-import IconText from './icon-text'
import { formatDateForShortText } from './helpers/format-date'
-const HomeElement = ({ children, onPress, buttonColor, buttonLabel }) => {
- return (
- <View
- onPress={ onPress }
- style={ styles.homeElement }
- >
- <View style={styles.homeIconAndText}>
- {children[0]}
- {children[1]}
- </View>
-
- <View style={{paddingLeft: 15}}>
- {children.slice(2)}
- <Button
- style={styles.homeButton}
- onPress={ onPress }
- backgroundColor={ buttonColor }>
- { buttonLabel }
- </Button>
- </View>
- </View>
- )
-}
+import styles, { cycleDayColor, periodColor, secondaryColor } from '../styles'
class Home extends Component {
constructor(props) {
--
GitLab