Avatar now accepts an Image component instead of src to allow for loc…

…al and external images
invertase · Dec 24, 2015 · d038043 · d038043
1 parent 4a2b598
commit d038043
Showing 1 changed file with 14 additions and 9 deletions.
diff --git a/lib/Avatar.js b/lib/Avatar.js
@@ -5,8 +5,8 @@ import { getColor } from './helpers';
 export default class Avatar extends Component {
 
     static propTypes = {
+        image: PropTypes.shape({ type: PropTypes.oneOf([Image]) }),
         icon: PropTypes.string,
-        src: PropTypes.string,
         size: PropTypes.number,
         color: PropTypes.string,
         backgroundColor: PropTypes.string
@@ -19,15 +19,18 @@ export default class Avatar extends Component {
     };
 
     render() {
-        const { icon, src, size, color, backgroundColor } = this.props;
+        const { image, icon, size, color, backgroundColor } = this.props;
 
-        if (src) {
-            return (
-                <Image
-                    style={{ width: size, height: size, borderRadius: size / 2, borderColor: 'rgba(0,0,0,.1)', borderWidth: 1 }}
-                    source={{ uri: src }}
-                />
-            );
+        if (image) {
+            return React.cloneElement(image, {
+                style: {
+                    width: size,
+                    height: size,
+                    borderRadius: size / 2,
+                    borderColor: 'rgba(0,0,0,.1)',
+                    borderWidth: 1
+                }
+            });
         }
 
         if (icon) {
@@ -43,5 +46,7 @@ export default class Avatar extends Component {
                 </View>
             );
         }
+
+        return null;
     }
 }