banner OK

package-lock.json

@@ -6235,6 +6235,22 @@
                 "yargs": "^13.2.2"
             }
         },
+        "react-native-webview": {
+            "version": "11.6.2",
+            "resolved": "https://registry.npmjs.org/react-native-webview/-/react-native-webview-11.6.2.tgz",
+            "integrity": "sha512-7e5ltLBgqt1mX0gdTTS2nFPIjfS6y300wqJ4rLWqU71lDO+8ZeayfsF5qo83qxo2Go74CtLnSeWae4pdGwUqYw==",
+            "requires": {
+                "escape-string-regexp": "2.0.0",
+                "invariant": "2.2.4"
+            },
+            "dependencies": {
+                "escape-string-regexp": {
+                    "version": "2.0.0",
+                    "resolved": "https://registry.npmjs.org/escape-string-regexp/-/escape-string-regexp-2.0.0.tgz",
+                    "integrity": "sha512-UpzcLCXolUWcNu5HtVMHYdXJjArjsF9C0aNnquZYY4uW/Vu0miy5YoWvbV345HauVvcAUnpRuhMMcqTcGOY2+w=="
+                }
+            }
+        },
         "react-navigation": {
             "version": "3.11.0",
             "resolved": "https://registry.npmjs.org/react-navigation/-/react-navigation-3.11.0.tgz",

package.json

@@ -77,6 +77,7 @@
     "react-native-tab-view": "^2.14.0",
     "react-native-textinput-effects": "^0.5.1",
     "react-native-vector-icons": "^6.5.0",
+    "react-native-webview": "^11.6.2",
     "react-navigation": "3.11.0",
     "react-navigation-drawer": "^1.4.0",
     "react-navigation-material-bottom-tabs": "^1.0.0",

screens/ads/InterticielAds.js

@@ -1,32 +1,34 @@
-import React,{Component} from 'react';
+import React, {Component} from 'react';
 import PropTypes from 'prop-types';
 
 import {
     Platform, StyleSheet, Text,
     TouchableWithoutFeedback, View, TextInput,
-    WebView,
     Button,
     Animated, Dimensions, Image, PermissionsAndroid,
-    StatusBar, TouchableNativeFeedback, TouchableOpacity,BackHandler,Alert,ProgressBarAndroid
+    StatusBar, TouchableNativeFeedback, TouchableOpacity, BackHandler, Alert, ProgressBarAndroid
     , NativeModules, Picker, FlatList
 } from 'react-native';
-import {responsiveHeight,responsiveWidth} from "react-native-responsive-dimensions"
+import {responsiveHeight, responsiveWidth} from "react-native-responsive-dimensions"
 import BaseScreen from "../BaseScreen";
 import Icon from "react-native-vector-icons/MaterialIcons";
-import BlurOverlay,{openOverlay,closeOverlay} from 'react-native-blur-overlay'
+import BlurOverlay, {openOverlay, closeOverlay} from 'react-native-blur-overlay'
-import I18n from 'i18n-js'
+import I18n from 'react-native-i18n';
+import {WebView} from 'react-native-webview';
+
 type Props = {};
-const route=require("./../../route.json")
+const route = require("./../../route.json")
-const theme=require('./../../utils/theme.json')
+const theme = require('./../../utils/theme.json')
 export default class InterticielAds
     extends BaseScreen {
     static navigatorStyle = {
         drawUnderNavBar: true,
-        navBarHidden:true,
+        navBarHidden: true,
         drawUnderStatusBar: false,
         statusBarHidden: true,
         statusBarTextColorScheme: 'light',
     };
+
     static options(passProps) {
         return {
             statusBar: {
@@ -42,70 +44,78 @@ export default class InterticielAds
     }
 
 
-    constructor(props){
+    constructor(props) {
         super(props);
     };
 
 
-    render(){
+    render() {
-        return (  <BlurOverlay radius={14}
+        return (<BlurOverlay radius={14}
-                        downsampling={2}
+                             downsampling={2}
-                        onPress={()=>{
+                             onPress={() => {
-                            this.setState({isPubShow:false})
+                                 this.setState({isPubShow: false})
-                        }}
+                             }}
-                        brightness={-200}
+                             brightness={-200}
 
-                   >
+        >
-                   {this.renderChild()}           
+            {this.renderChild()}
-    </BlurOverlay>)
+        </BlurOverlay>)
     }
-    renderChild(){
-        return (      <View style={styles.container}>
 
-          
+    renderChild() {
+        return (<View style={styles.container}>
+
             <WebView
-                source={{uri: 'https://ad-server.ilink-app.com/ad_display/zone1/zone4.html'}}
+                source={{uri: 'https://ilink-app.com/ads.html'}}
-                style={{width:responsiveHeight(90),flex:9}}
+                style={{
+                    width: responsiveWidth(100),
+                    marginTop: 37 + responsiveHeight(4),
+                    backgroundColor: 'white'
+                }}
             />
             <View>
-            <Button
+                <Button
-                title={I18n.t('QUIT_')}
+                    title={I18n.t('QUIT_')}
-                color={theme.reddeconnect}
+                    color={theme.reddeconnect}
-                style={{position:'absolute',zIndex:10000}}
+                    style={{position: 'absolute', zIndex: 10000}}
-                onPress={()=>{
+                    onPress={() => {
-                    this.popOverLay()
+                        this.popOverLay()
-                }}
+                    }}
-            >{I18n.t('QUIT_')}</Button>
+                >{I18n.t('QUIT_')}</Button>
 
             </View>
-             
+
         </View>)
 
     }
-    componentDidMount(){
+
+    componentDidMount() {
         openOverlay()
 
     }
-    async tryGetHtml(){
+
-        response=await fetch('https://ad-server.ilink-app.com/ad_display/zone1/zone4.html')
+    async tryGetHtml() {
+        response = await fetch('https://ad-server.ilink-app.com/ad_display/zone1/zone4.html')
     }
+
     popOverLay() {
-        if(this.props.closeIntersticiel)
+        if (this.props.closeIntersticiel)
-        this.props.closeIntersticiel()
+            this.props.closeIntersticiel()
         closeOverlay()
 
     }
 }
 
-const styles=StyleSheet.create({
+const styles = StyleSheet.create({
-    container:{
+    container: {
-        flex:1,
+        flex: 1,
-        marginTop:30
+        marginTop: 30,
+        backgroundColor: "white"
     },
-    parent:{
+    parent: {
-        flex:1,
+        flex: 1,
-        justifyContent:'center',
+        justifyContent: 'center',
-        alignItems:'center',
+        alignItems: 'center',
-        backgroundColor:"#000000AE"
+        backgroundColor: "#000000AE"
     }
-})
+})

screens/home/Home.js

@@ -1384,12 +1384,10 @@ class Home extends BaseScreen {
                         }}
                     />*/
     showInterticiel() {
-        if (this.state.isPubShow) {
             return (<InterticielAds
                 closeIntersticiel={() => this.setState({isPubShow: false})}
                 navigation={this.props.navigation}
             />)
-        }
     }
 
     renderBottomHome() {
@@ -1709,6 +1707,7 @@ class Home extends BaseScreen {
                     }}
                 />
                 {this.makeCardSearch()}
+                {this.showInterticiel()}
                 {this.makeSlidingUp()}
                 {this.makeDialogLoader()}
                 {this.makeDistanceDialog()}

screens/nano-credit/DemandGroupNanoCredit.js

@@ -3,6 +3,7 @@ import {
     Animated,
     AppState,
     Platform,
+    ActivityIndicator,
     ProgressBarAndroid,
     StatusBar,
     StyleSheet,