onPress for Avatar Component

guns2410 · Mar 6, 2018 · a7c5be7 · a7c5be7
1 parent bc52250
commit a7c5be7
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/lib/Avatar/index.js b/lib/Avatar/index.js
@@ -31,9 +31,13 @@ export default class Avatar extends React.PureComponent {
     }
 
     const ImageComponent = this.props.ImageComponent || Image;
+    const ContainerComponent = this.props.onPress ? Button : View
 
     return (
-      <View style={[{ marginRight: this.props.borderColors.length > 0 ? 10 : 0 }, this.props.containerStyle]}>
+      <ContainerComponent
+        styleLess
+        onPress={this.props.onPress}
+        style={[{ marginRight: this.props.borderColors.length > 0 ? 10 : 0 }, this.props.containerStyle]}>
         <View theme={this.theme} style={[this.theme.avatar.container, otherContainerStyles]}
           colors={this.props.borderColors}>
           <ImageComponent