fix(user-profile-component): Fix user profile image (#576)

alejandronanez · web-flow · commit a43d3bc5ceba · 2017-10-24T21:44:59.000-05:00
diff --git a/__tests__/tests/components/UserProfile.js b/__tests__/tests/components/UserProfile.js
@@ -44,7 +44,9 @@ describe('<UserProfile />', () => {
     );
 
     const result = wrapper.instance().getUserUri();
-    const expectedResult = `${initialUser.avatar_url}&lastModified=${initialUser.updated_at}`;
+    const expectedResult = {
+      uri: `${initialUser.avatar_url}&lastModified=${initialUser.updated_at}`,
+    };
 
     expect(result).toEqual(expectedResult);
   });
@@ -62,7 +64,9 @@ describe('<UserProfile />', () => {
     );
 
     const result = wrapper.instance().getUserUri();
-    const expectedResult = `${user.avatar_url}&lastModified=${user.updated_at}`;
+    const expectedResult = {
+      uri: `${user.avatar_url}&lastModified=${user.updated_at}`,
+    };
 
     expect(result).toEqual(expectedResult);
   });
diff --git a/src/components/user-profile.component.js b/src/components/user-profile.component.js
@@ -101,10 +101,11 @@ export class UserProfile extends Component {
 
   getUserUri = () => {
     const { initialUser, user } = this.props;
-
-    return initialUser.avatar_url
+    const image = initialUser.avatar_url
       ? `${initialUser.avatar_url}&lastModified=${initialUser.updated_at}`
       : `${user.avatar_url}&lastModified=${user.updated_at}`;
+
+    return { uri: image };
   };
 
   render() {
@@ -130,7 +131,7 @@ export class UserProfile extends Component {
           >
             <View style={styles.profile}>
               <ImageZoom
-                uri={this.getUserUri}
+                uri={this.getUserUri()}
                 style={[
                   styles.avatar,
                   (initialUser.type === 'User' || user.type === 'User') &&
