removing backstage-photo from resourceMock

Author: Igor Canedo

sample/src/index.js

@@ -21,8 +21,7 @@ import data from './resourceMock.json';
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    marginLeft: 16,
-    marginRight: 16,
+    paddingHorizontal: 16,
     backgroundColor: '#F5FCFF',
   },
 });
@@ -93,12 +92,12 @@ const customStyles = {
 
 const atomicHandler = (item: Object): any => {
   switch (item.data.type) {
-    case 'backstage-photo':
+    case 'image':
       return (
         <View key={item.key} style={{ flex: 1 }}>
           <Image
             style={{ width: 288, height: 161 }}
-            source={{ uri: item.data.file.url }}
+            source={{ uri: item.data.url }}
           />
         </View>
       );

sample/src/resourceMock.json

@@ -62,25 +62,8 @@
       "inlineStyleRanges": [],
       "entityRanges": [],
       "data": {
-        "type": "backstage-photo",
-        "rightsHolder": "globoesporte 5",
-        "caption": "globoesporte 5",
-        "file": {
-          "url": "https://s2.glbimg.com/epsYZ-ixGirZCmCp31JjSMWmgYU=/640x350/smart/http://s.glbimg.com/en/ho/static/thumbor/why-thumbor-4.jpg",
-          "width": 3000,
-          "type": "image/jpeg",
-          "height": 2000,
-          "thumborUrl": "https://s2.glbimg.com/epsYZ-ixGirZCmCp31JjSMWmgYU=/640x350/smart/http://s.glbimg.com/en/ho/static/thumbor/why-thumbor-4.jpg",
-          "crop": {
-            "top": 0,
-            "left": 0,
-            "bottom": 2000,
-            "right": 3000,
-            "height": 2000,
-            "width": 3000
-          }
-        },
-        "display": "normal"
+        "type": "image",
+        "url": "https://lorempixel.com/400/200/"
       }
     },
     {