update webview

src/Screens/SmartOTP/SmartOTPConfig.js

@@ -9,6 +9,8 @@ import {
   UPDATEOTP,
   ENTER_PASSWORD_SMART_OTP,
   SETTINGOTP,
+  FAQSSMARTOTP,
+  RULESSMARTOTP,
 } from '../../routers/ScreenNames';
 import R from '../../assets/R';
 import Icon from 'react-native-vector-icons/AntDesign';
@@ -48,14 +50,18 @@ const SmartOTPConfig = (props) => {
           </TouchableOpacity>
         )}
 
-        <TouchableOpacity style={styles.container}>
+        <TouchableOpacity
+          onPress={() => navigation.navigate(RULESSMARTOTP)}
+          style={styles.container}>
           <Image style={styles.imgIcon} source={R.images.rules} />
           <View style={{flex: 1, justifyContent: 'center'}}>
             <AppText i18nKey={'Rules'} />
           </View>
           <Icon name={'right'} size={20} color={R.colors.color777} />
         </TouchableOpacity>
-        <TouchableOpacity style={styles.container}>
+        <TouchableOpacity
+          onPress={() => navigation.navigate(FAQSSMARTOTP)}
+          style={styles.container}>
           <Image style={styles.imgIcon} source={R.images.faq} />
           <View style={{flex: 1, justifyContent: 'center'}}>
             <AppText i18nKey={'FAQs'} />

src/Screens/SmartOTP/WebView/FAQs.js

+import React from 'react';
+import {View, Text} from 'react-native';
+import HeaderBack from '../../../components/Header/HeaderBack';
+import {WebView} from 'react-native-webview';
+const FAQs = (props) => {
+  return (
+    <View style={{flex: 1}}>
+      <HeaderBack isWhite={true} title={'FAQs'} />
+      <WebView
+        androidHardwareAccelerationDisabled={true}
+        source={{
+          uri: 'http://api.dcvinvest.com/webview/smart-otp/faqs',
+        }}
+      />
+    </View>
+  );
+};
+
+export default FAQs;

src/Screens/SmartOTP/WebView/RulesSmartOTP.js

+import React from 'react';
+import {View, Text} from 'react-native';
+import {getFontXD} from '../../../Config/Functions';
+import HeaderBack from '../../../components/Header/HeaderBack';
+import {WebView} from 'react-native-webview';
+const RulesSmartOTP = (props) => {
+  return (
+    <View style={{flex: 1}}>
+      <HeaderBack isWhite={true} title={'Rules'} />
+      <WebView
+        androidHardwareAccelerationDisabled={true}
+        source={{
+          uri: 'http://api.dcvinvest.com/webview/smart-otp/term-and-condition',
+        }}
+      />
+    </View>
+  );
+};
+
+export default RulesSmartOTP;

src/routers/ScreenNames.js

@@ -88,3 +88,7 @@ export const CONFIRMOTPSMART = 'CONFIRMOTPSMART';
 export const CHANGESMARTOTP = 'CHANGESMARTOTP';
 
 export const CONFIRMCHANGESMARTOTP = 'CONFIRMCHANGESMARTOTP';
+
+export const RULESSMARTOTP = 'RULESSMARTOTP';
+
+export const FAQSSMARTOTP = 'FAQSSMARTOTP';

src/routers/StackNavigation.js

@@ -65,6 +65,9 @@ import ConfirmOTPSmart from '../Screens/SmartOTP/ConfirmOTPSmart';
 import ChangeSmartOTP from '../Screens/SmartOTP/ChangeSmartOTP/ChangeSmartOTP';
 import ConfirmChangeSmartOTP from '../Screens/SmartOTP/ChangeSmartOTP/ConfirmChangeSmartOTP';
 
+import FAQs from '../Screens/SmartOTP/WebView/FAQs';
+import RulesSmartOTP from '../Screens/SmartOTP/WebView/RulesSmartOTP';
+
 import * as ScreenName from './ScreenNames';
 
 const Stack = createStackNavigator();
@@ -168,6 +171,10 @@ function MyStack(props) {
       <Stack.Screen name={ScreenName.NEWPASSWORD} component={NewPassWord} />
       <Stack.Screen name={ScreenName.PRODUCTDETAIL} component={ProductDetail} />
       <Stack.Screen name={ScreenName.SMARTOTP} component={SmartOTP} />
+
+      <Stack.Screen name={ScreenName.FAQSSMARTOTP} component={FAQs} />
+      <Stack.Screen name={ScreenName.RULESSMARTOTP} component={RulesSmartOTP} />
+
       <Stack.Screen
         name={ScreenName.ENTER_PASSWORD_SMART_OTP}
         component={EnterPasswordSmartOTP}