muba-posting 5.0.7 → 5.0.9

package/Publish4.js

@@ -63,7 +63,8 @@ export default class Publish4 extends React.Component {
 
   async loadUri(photo) {
     if (photo) {
-      let fileType = photo.uri.substring(photo.uri.lastIndexOf('.') + 1).toLowerCase();
+      const photoStr = photo.uri.lastIndexOf('.') > 0 && photo.uri.lastIndexOf('.') > photo.uri.length - 5 ? photo.uri : photo.filename;
+      const fileType = photoStr.substring(photoStr.lastIndexOf('.') + 1).toLowerCase();
 
       const image = {
         uri: photo.uri,
@@ -129,14 +130,19 @@ export default class Publish4 extends React.Component {
 
   selectMainPhoto(itemSelected) {
     let imagesArray = this.state.images.slice();
+    let imageSize = this.state.imageSize.slice();
 
     for (let imageObject of imagesArray) {
       imageObject.mainPicture = false;
 
       if (imageObject.uri === itemSelected.uri) {
         imageObject.mainPicture = true;
-        imagesArray.splice(imagesArray.indexOf(imageObject), 1);
+        const imageIndex = imagesArray.indexOf(imageObject);
+        imagesArray.splice(imageIndex, 1);
         imagesArray.splice(0, 0, imageObject);
+
+        const size = imageSize.splice(imageIndex, 1);
+        imageSize.splice(0, 0, ...size);
       }
     }
     let index = 0;
@@ -148,7 +154,8 @@ export default class Publish4 extends React.Component {
 
     this.setState({
       updateMainPhoto: true,
-      images: imagesArray
+      images: imagesArray,
+      imageSize: imageSize
     });
   }
 
@@ -296,8 +303,8 @@ export default class Publish4 extends React.Component {
                   return (
                     <View style={[commonStyles.photoBox]} onLayout={this.setContainerWidth} key={index}>
                       <Image style={{ width: this.state.imageSize[index]?.width, height: this.state.imageSize[index]?.height, marginVertical: this.state.imageSize[index]?.marginVertical, marginHorizontal: this.state.imageSize[index]?.marginHorizontal }}
-                        resizeMode='center' source={{ uri: item.uri }} borderRadius={10} onError={() => this.rerenderImage(index)} />
-                      <ImageBackground style={[commonStyles.photoControls, commonStyles.row]} source={require('./assets/images/bg-shadow.png')} resizeMode='center' borderRadius={1.5}>
+                        resizeMode='cover' source={{ uri: item.uri }} borderRadius={10} onError={() => this.rerenderImage(index)} />
+                      <ImageBackground style={[commonStyles.photoControls, commonStyles.row]} source={require('./assets/images/bg-shadow.png')} resizeMode='stretch' borderRadius={1.5}>
 
                         <TouchableHighlight style={commonStyles.leftIcon} onPress={() => this.deleteImage(item.id, index)}>
                           <FontAwesomeIcon style={commonStyles.whiteIcon} name="cancel-circled" />

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "muba-posting",
-  "version": "5.0.7",
+  "version": "5.0.9",
   "description": "Posting",
   "main": "Posting.js",
   "scripts": {