muba-posting 8.0.1 → 8.0.3

package/Preview.js

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Text, View, TouchableOpacity, ImageBackground, Image } from 'react-native';
+import { Text, View, TouchableOpacity, ImageBackground } from 'react-native';
+import { Image } from 'expo-image';
 import DisplayPrice from 'muba-display-price'
 import { strings } from 'muba-i18n';
 import commonStyles from './commonStyles';
@@ -70,26 +71,18 @@ export default class Preview extends React.Component {
             </View>
           </View>
 
-          {this.state.mainPicture !== null ?
-            <View style={commonStyles.progressbarInputArea}>
-              <ImageBackground style={[commonStyles.previewBox, commonStyles.photoBoxImage]} source={{ uri: this.state.mainPicture }} resizeMode='cover' borderRadius={10}>
-                {this.props.postingAd.reference ?
-                  <View style={commonStyles.previewReference}>
-                    <Text style={commonStyles.previewTitleText}>{strings('setup.ref')} {this.props.postingAd.reference}</Text>
-                  </View>
-                  :
-                  <View />
-                }
+          {this.state.mainPicture !== null &&
+            <Image style={[commonStyles.previewBox, commonStyles.photoBoxImage]} source={{ uri: this.state.mainPicture }} contentFit='cover' borderRadius={10} /> }
 
-                <ImageBackground style={[commonStyles.photoControls, commonStyles.previewControls]} source={require('./assets/images/bg-shadow.png')} resizeMode='stretch' borderRadius={1.5}>
-                  <View style={commonStyles.previewTitle}>
-                    <Text style={commonStyles.previewTitleText}>{this.props.postingAd.languages[0].title}</Text>
-                  </View>
-                  <Text style={[commonStyles.subNote, commonStyles.subNotePreview, commonStyles.previewText]}>{this.props.postingAd.languages[0].description != null && this.props.postingAd.languages[0].description.length > 114 ? this.props.postingAd.languages[0].description.substring(0, 114) + '...' : this.props.postingAd.languages[0].description}</Text>
-                </ImageBackground>
-              </ImageBackground>
+          <View style={[commonStyles.infoPreview, commonStyles.previewControls, {marginBottom: 10}]}>
+            {this.props.postingAd.reference &&
+              <Text style={commonStyles.previewTitleText}>{strings('setup.ref')} {this.props.postingAd.reference}</Text>
+            }
+            <View style={commonStyles.previewTitle}>
+                <Text style={commonStyles.previewTitleText}>{this.props.postingAd.languages[0].title}</Text>
             </View>
-            : null}
+            <Text style={[commonStyles.subNote, commonStyles.subNotePreview, commonStyles.previewText]}>{this.props.postingAd.languages[0].description != null && this.props.postingAd.languages[0].description.length > 114 ? this.props.postingAd.languages[0].description.substring(0, 114) + '...' : this.props.postingAd.languages[0].description}</Text>
+          </View>
 
           {this.props.businessId && !this.state.showPaymentOnline ?
             <View style={commonStyles.promoBox}>

package/Publish6.js

@@ -23,6 +23,8 @@ export default class Publish6 extends React.Component {
 
     this.languageItem = [];
 
+    this.phoneGroup = React.createRef();
+
     this.state = {
       hideSave: false,
       requiredPhoneError: false,
@@ -106,7 +108,7 @@ export default class Publish6 extends React.Component {
   }
 
   async validateForm() {
-    let validate = this.refs.phoneGroup.onSubmitValidate();
+    let validate = this.phoneGroup.onSubmitValidate();
 
     if (validate) {
       const phones = this.props.postingAd.phonesObject.map(phone => phone.fullPhone).join(PHONE_SEPARATOR);
@@ -192,7 +194,7 @@ export default class Publish6 extends React.Component {
                 returnKeyType={"next"}
                 maxLength={50}
                 disabled={!this.props.allowedToModify.clientRef}
-                onSubmitEditing={(event) => { this.refs.phoneGroup.focus(); }} />
+                onSubmitEditing={(event) => { this.phoneGroup.focus(); }} />
             </View>
 
             <View style={this.state.requiredPhoneError ? [commonStyles.progressbarFieldContainer, commonStyles.fieldError] : commonStyles.progressbarFieldContainer} ref={(element) => this.phoneView = element}>
@@ -203,7 +205,7 @@ export default class Publish6 extends React.Component {
               </View>
 
               <PhoneGroup
-                ref='phoneGroup'
+                ref={this.phoneGroup}
                 inputStyle={commonStyles.input}
                 phoneBoxStyle={this.state.requiredPhoneError ? commonStyles.inputPhoneBoxError : commonStyles.inputPhoneBox}
                 value={this.props.postingAd.phonesObject}

package/commonStyles.js

@@ -858,19 +858,12 @@ export default StyleSheet.create({
   previewTitleText: {
     fontFamily: 'PostingMedium',
     fontSize: 19,
-    color: '#fff',
-    textShadowColor: '#333333',
-    textShadowOffset: { width: -1, height: 1 },
-    textShadowRadius: 4,
-    lineHeight: 21,
+    color: '#858585',
     textAlign: 'left'
   },
 
   previewText: {
-    color: '#fff',
-    textShadowColor: '#333333',
-    textShadowOffset: { width: -1, height: 1 },
-    textShadowRadius: 4,
+    color: '#858585',
     textAlign: 'left'
   },
 

package/package.json

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