Refactors AppText and Segment components

components/common/app-text.js

@@ -6,20 +6,11 @@ import Link from './link'
 
 import { Colors, Typography } from '../../styles/redesign'
 
-export default function AppText({
+const AppText = ({ children, linkStyle, style, ...props }) => {
-  children,
-  linkStyle,
-  onPress,
-  numberOfLines,
-  style
-}) {
   // we parse for links in case the text contains any
   return (
     <Link style={linkStyle}>
-      <Text style={[styles.text, style]}
+      <Text style={[styles.text, style]} {...props}>
-        onPress={onPress}
-        numberOfLines={numberOfLines}
-      >
         {children}
       </Text>
     </Link>
@@ -29,8 +20,6 @@ export default function AppText({
 AppText.propTypes = {
   children: PropTypes.node,
   linkStyle: PropTypes.object,
-  onPress: PropTypes.func,
-  numberOfLines: PropTypes.number,
   style: PropTypes.oneOfType([PropTypes.array, PropTypes.object]),
 }
 
@@ -39,4 +28,6 @@ const styles = StyleSheet.create({
     color: Colors.greyDark,
     ...Typography.mainText
   }
-})
+})
+
+export default AppText

components/common/segment.js

@@ -20,6 +20,7 @@ const Segment = ({ children, last, title }) => {
 Segment.propTypes = {
   children: PropTypes.node,
   last: PropTypes.bool,
+  style: PropTypes.object,
   title: PropTypes.string
 }