ipanel-rnapp-ajb-base 1.0.21 → 1.0.24

package/app/screens/RegisteCountScreen/index.js

@@ -1,4 +1,4 @@
-import React, {useState, useEffect, useRef} from 'react';
+import React, { useState, useEffect, useRef } from "react";
 import {
   View,
   Text,
@@ -11,45 +11,45 @@ import {
   Alert,
   NativeModules,
   Dimensions,
-  Keyboard
-} from 'react-native';
+  Keyboard,
+} from "react-native";
 import {
   updateHomedToken,
   initOperatorHomedTouristAccount,
   appReport,
-} from '../../utils/common';
-import ScreenBackHeader from '../../components/common/ScreenBackHeader';
-import SmsCodeInput from '../../components/common/SmsCodeInput/indexNew';
-import {Icon, CheckBox, Button, Divider} from '@rneui/themed';
-import CryptoJS from 'crypto-js';
-import ProtocolType from '../../components/common/LoginType/protocol';
-import {confirmWithContent} from '../../utils/registerDialog';
+} from "../../utils/common";
+import ScreenBackHeader from "../../components/common/ScreenBackHeader";
+import SmsCodeInput from "../../components/common/SmsCodeInput/indexNew";
+import { Icon, CheckBox, Button, Divider } from "@rneui/themed";
+import CryptoJS from "crypto-js";
+import ProtocolType from "../../components/common/LoginType/protocol";
+import { confirmWithContent } from "../../utils/registerDialog";
 import {
   obtainSmscode,
   changePwdByPhone,
   authSmscode,
   accountRegiste,
   accountLogin,
-  switchToken
-} from '../../api';
-import px from '../../utils/scaleSize';
-import storage from '../../storage';
-import {replace,goBack} from '../../utils/RootNavigation';
+  switchToken,
+} from "../../api";
+import px from "../../utils/scaleSize";
+import storage from "../../storage";
+import { replace, goBack } from "../../utils/RootNavigation";
 // const passwordReg =
 // /^(?![0-9]+$)(?![a-zA-Z]+$)(?!([^(0-9a-zA-Z)]|[\(\)])+$)([^(0-9a-zA-Z)]|[\(\)]|[a-zA-Z]|[0-9]){6,}$/;
 
-const Index = ({route}) => {
-  const [username, setUsername] = useState('');
-  const [password, setPassword] = useState('');
+const Index = ({ route }) => {
+  const [username, setUsername] = useState("");
+  const [password, setPassword] = useState("");
   const [step, setStep] = useState(0); // 0 输入账号绑定的手机号码,1 设置密码
-  const [phone, setPhone] = useState('');
-  const [smsId, setSmsId] = useState('');
-  const [userInputSmsCode, setUserInputSmsCode] = useState('');
+  const [phone, setPhone] = useState("");
+  const [smsId, setSmsId] = useState("");
+  const [userInputSmsCode, setUserInputSmsCode] = useState("");
   const [smsCodeRightBtnDisabled, setSmsCodeRightBtnDisabled] = useState(false);
-  const [smsCodeRightBtnText, setSmsCodeRightBtnText] = useState('发送验证码');
+  const [smsCodeRightBtnText, setSmsCodeRightBtnText] = useState("发送验证码");
   const [smsCodeResendTimes, setSmsCodeResendTimes] = useState(0);
-  const [authCode, setAuthCode] = useState('');
-  const [activeType, setActiveType] = useState('ajb');
+  const [authCode, setAuthCode] = useState("");
+  const [activeType, setActiveType] = useState("ajb");
   const loginDisabled =
     step === 0
       ? !(username && password)
@@ -58,7 +58,7 @@ const Index = ({route}) => {
       : true;
   const appName =
     NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
-  const envVersion = NativeModules?.RNToNativeEmitter?.serverCluster || 'alpha';
+  const envVersion = NativeModules?.RNToNativeEmitter?.serverCluster || "alpha";
   const packageName = NativeModules?.RNToNativeEmitter?.packageName;
 
   const [protocolAgree, setProtocolAgree] = useState(false);
@@ -68,13 +68,12 @@ const Index = ({route}) => {
   const [privacyAgree, setPrivacyAgree] = useState(false);
   const [privacyDialogVisible, setPrivacyDialogVisible] = useState(false);
 
-    // 入口选择
-    const [entranceSelectVisible, setEntranceSelectVisible] = useState(false);
+  // 入口选择
+  const [entranceSelectVisible, setEntranceSelectVisible] = useState(false);
 
   let protocolAgreeResolve = useRef(null);
 
-  const userCountData = useRef({})
-
+  const userCountData = useRef({});
 
   const timers = useRef(null);
 
@@ -82,10 +81,10 @@ const Index = ({route}) => {
 
   const [keybordShow, setKeybordShow] = useState(false);
   useEffect(() => {
-    const keyboardDidShow = Keyboard.addListener('keyboardDidShow', () => {
+    const keyboardDidShow = Keyboard.addListener("keyboardDidShow", () => {
       setKeybordShow(true);
     });
-    const keyboardDidHide = Keyboard.addListener('keyboardDidHide', () => {
+    const keyboardDidHide = Keyboard.addListener("keyboardDidHide", () => {
       setKeybordShow(false);
     });
     return () => {
@@ -95,35 +94,35 @@ const Index = ({route}) => {
   }, []);
 
   const errorCodeMap = {
-    20102: '验证码错误，请检查！',
-    20103: '验证码错误，请检查！',
-    20104: '验证码错误，请检查！',
-    20200: '账号错误，登录失败！',
-    20204: '密码错误，登录失败！',
-    10429: '操作过频繁，请1小时后再试！',
+    20102: "验证码错误，请检查！",
+    20103: "验证码错误，请检查！",
+    20104: "验证码错误，请检查！",
+    20200: "账号错误，登录失败！",
+    20204: "密码错误，登录失败！",
+    10429: "操作过频繁，请1小时后再试！",
   };
 
   function validPhone(phoneNumber) {
     if (!phoneNumber) {
-      Alert.alert('请输入手机号');
+      Alert.alert("请输入手机号");
       return false;
     }
     if (!/^[1][3,4,5,7,8,9][0-9]{9}$/.test(phoneNumber)) {
       // Alert.alert('请输入正确的手机号');
-      global.toast.showToast('手机号无效，请检查！');
+      global.toast.showToast("手机号无效，请检查！");
       return false;
     }
     return true;
   }
-//
+  //
   function validUsername(name) {
-    if (!name||name.length<3) {
-      Alert.alert('请输入至少3位字符的账号');
+    if (!name || name.length < 3) {
+      Alert.alert("请输入至少3位字符的账号");
       return false;
-    } 
-    if (!/^[0-9a-zA-Z_]+$/ig.test(name)) {
+    }
+    if (!/^[0-9a-zA-Z_]+$/gi.test(name)) {
       // Alert.alert('请输入正确的手机号');
-      global.toast.showToast('账号只能包含数字,字母和下划线');
+      global.toast.showToast("账号只能包含数字,字母和下划线");
       return false;
     }
     return true;
@@ -142,12 +141,12 @@ const Index = ({route}) => {
         phone_number: phone,
         length: 4,
         type: 2, // type=2 表示绑定手机号
-        access_token:userCountData.current.access_token
+        access_token: userCountData.current.access_token,
       },
-      global.base.accountType,
-    ).catch(err => {
+      global.base.accountType
+    ).catch((err) => {
       console.log(err);
-      setSmsCodeRightBtnText('获取验证码');
+      setSmsCodeRightBtnText("获取验证码");
       setSmsCodeRightBtnDisabled(false);
     });
 
@@ -155,17 +154,17 @@ const Index = ({route}) => {
       setSmsId(res.result.sms_id);
 
       smsCodeTimer = setTimeout(() => {
-        setSmsCodeRightBtnText('获取验证码');
+        setSmsCodeRightBtnText("获取验证码");
         setSmsCodeRightBtnDisabled(false);
       }, 120000);
     } else {
-      setSmsCodeRightBtnText('获取验证码');
+      setSmsCodeRightBtnText("获取验证码");
       setSmsCodeRightBtnDisabled(false);
     }
   };
 
   const openProtocolDialog = () => {
-    return new Promise(resolve => {
+    return new Promise((resolve) => {
       setProtocolDialogVisible(true);
       protocolAgreeResolve.current = resolve;
     }).then(() => {
@@ -173,106 +172,104 @@ const Index = ({route}) => {
     });
   };
 
-    // 选择入口
-    const selectEntrance = () => {
-      return new Promise(resolve => {
-        setEntranceSelectVisible(true);
-        selectEntranceResolve = resolve;
+  // 选择入口
+  const selectEntrance = () => {
+    return new Promise((resolve) => {
+      setEntranceSelectVisible(true);
+      selectEntranceResolve = resolve;
+    });
+  };
+
+  const dealLoginInfo = async (ress, finallyAppID, callback) => {
+    await storage.set("accountType", activeType);
+    await storage.set("accessToken", ress.result.access_token);
+    await storage.set("refreshToken", ress.result.refresh_token);
+    if (ress.result.address && ress.result.address[0]) {
+      const addressList = ress.result.address.map((item) => {
+        return {
+          ...item,
+          room_list: null,
+        };
       });
-    };
+      const defaultAddr = addressList[0];
+      console.log(defaultAddr.address_id, "defaultAddr.address_id");
+      await storage.set("activeAddr", defaultAddr);
+      await storage.set("addressList", addressList);
+      await updateHomedToken();
+    } else {
+      await storage.set("activeAddr", {});
+      await storage.set("addressList", []);
+    }
+    delete ress.result.address;
+    await storage.set("accountData", ress.result);
 
-    const dealLoginInfo = async (ress,finallyAppID,callback) => {
-      await storage.set('accountType', activeType);
-      await storage.set('accessToken', ress.result.access_token);
-      await storage.set('refreshToken', ress.result.refresh_token);
-      if (ress.result.address && ress.result.address[0]) {
-        const addressList = ress.result.address.map(item => {
-          return {
-            ...item,
-            room_list: null,
-          };
-        });
-        const defaultAddr = addressList[0];
-        console.log(defaultAddr.address_id, 'defaultAddr.address_id');
-        await storage.set('activeAddr', defaultAddr);
-        await storage.set('addressList', addressList);
-        await updateHomedToken();
-      } else {
-        await storage.set('activeAddr', {});
-        await storage.set('addressList', []);
-      }
-      delete ress.result.address;
-      await storage.set('accountData', ress.result);
-    
-              // 存储boss账号信息
+    // 存储boss账号信息
     if (ress.result?.user && ress.result?.user?.bind_list) {
-      const bind_boss = ress.result?.user?.bind_list.filter(item => {
-        return item.third_type === 'boss';
+      const bind_boss = ress.result?.user?.bind_list.filter((item) => {
+        return item.third_type === "boss";
       });
       if (bind_boss.length) {
-        console.log(bind_boss[0], 'bind_boss[0]');
-        await storage.set('bossData', bind_boss[0]);
+        console.log(bind_boss[0], "bind_boss[0]");
+        await storage.set("bossData", bind_boss[0]);
       }
     }
-  // 进入标准版
+    // 进入标准版
     await storage.set(
-      `${ress.result?.account?.account_id || ''}currentOperator`,
-      {},
+      `${ress.result?.account?.account_id || ""}currentOperator`,
+      {}
     );
-// 初始化默认运营商对应的homed游客账号
-const envVersion =
-  NativeModules?.RNToNativeEmitter?.serverCluster || 'dev';
-await initOperatorHomedTouristAccount({
-  touristUsername: finallyAppID,
-  domain: envVersion === 'dev' ? 'homed.me' : 'homed.tv',
-  touristGroupId: envVersion === 'dev' ? 115017 : 4664, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
-});
+    // 初始化默认运营商对应的homed游客账号
+    const envVersion = NativeModules?.RNToNativeEmitter?.serverCluster || "dev";
+    await initOperatorHomedTouristAccount({
+      touristUsername: finallyAppID,
+      domain: envVersion === "dev" ? "homed.me" : "homed.tv",
+      touristGroupId: envVersion === "dev" ? 115017 : 4664, // 4664: tv集群的手机APP游客用户组. 115017: 运营集群手机APP游客用户组
+    });
 
     // 判断是否已经选了运营商
     const currentOperator = await storage.get(
-      `${ress.result?.account?.account_id || ''}currentOperator`,
+      `${ress.result?.account?.account_id || ""}currentOperator`
     );
     // 获取公寓token
-    if (currentOperator?.name === '内蒙古广电网络') {
+    if (currentOperator?.name === "内蒙古广电网络") {
       const apartmentRes = await switchToken();
       if (apartmentRes?.code === 200 && apartmentRes?.token) {
-        storage.set('apartmentToken', apartmentRes.token);
+        storage.set("apartmentToken", apartmentRes.token);
         // 公寓人员信息接口暂时还没，假设role：1为房东
-        storage.set('apartmentData', {role: 1});
+        storage.set("apartmentData", { role: 1 });
       } else {
-        storage.set('apartmentData', {});
-        storage.set('apartmentToken', '');
+        storage.set("apartmentData", {});
+        storage.set("apartmentToken", "");
       }
     } else {
-      storage.set('apartmentData', {});
-      storage.set('apartmentToken', '');
+      storage.set("apartmentData", {});
+      storage.set("apartmentToken", "");
     }
-    callback()
- }
+    callback();
+  };
 
   const handleLoginPress = () => {
     if (loginDisabled) {
       return;
     }
-    if(step === 0&&!protocolAgree){
+    if (step === 0 && !protocolAgree) {
       openProtocolDialog().then(() => {
         handleLogin();
       });
-    }else{
+    } else {
       handleLogin();
     }
   };
 
-
   const handleLogin = async () => {
     const appName =
       NativeModules?.RNToNativeEmitter?.appName || config.LOCALTEST_APP_NAME;
     // const appName = '遥控键码库';
-    const {deviceModal} = NativeModules?.RNToNativeEmitter || {};
+    const { deviceModal } = NativeModules?.RNToNativeEmitter || {};
 
     const appID = await global.base.getAppId();
 
-    console.log('appID', appID);
+    console.log("appID", appID);
 
     let finallyAppID = appID;
     if (!appID) {
@@ -285,7 +282,7 @@ await initOperatorHomedTouristAccount({
         return;
       }
       if (!userInputSmsCode) {
-        global.toast.showToast('请输入短信验证码');
+        global.toast.showToast("请输入短信验证码");
         return;
       }
       if (!validPhone(phone)) {
@@ -294,10 +291,10 @@ await initOperatorHomedTouristAccount({
       const params = {
         sms_id: smsId,
         sms_code: userInputSmsCode,
-        access_token:userCountData.current.access_token
+        access_token: userCountData.current.access_token,
       };
       const res = await authSmscode(params);
-      console.log('res:'+res)
+      console.log("res:" + res);
       if (res.code === 0) {
         // console.log(res.result?.auth_code, 'res.result?.auth_code');
         // setAuthCode(res.result?.auth_code);
@@ -310,54 +307,55 @@ await initOperatorHomedTouristAccount({
           create_address: 1, // 注册时自动建默认家庭
           extend: {
             appid: finallyAppID,
-            model: deviceModal || '开发测试',
-            application: appName || '爱家宝',
-            platform: 'phone',
-            entry: 'app',
+            model: deviceModal || "开发测试",
+            application: appName || "爱家宝",
+            platform: "phone",
+            entry: "app",
           },
         };
         const ress = await accountLogin(params, activeType);
-        if(ress.code === 0){
-          dealLoginInfo(ress,finallyAppID,async ()=>{
-            console.log('12333appName:'+appName)
-            appReport('APP_STARTUP');
-            if (appName === '禺乐慧家') {
+        if (ress.code === 0) {
+          dealLoginInfo(ress, finallyAppID, async () => {
+            console.log("12333appName:" + appName);
+            appReport("APP_STARTUP");
+            if (["禺乐慧家", "悦慧家"].includes(appName)) {
               let selectedOperator = {
-                id: 'c492121bac734bb983814b67ceafcae9',
-                name: '番禺区广电网络',
+                id: "c492121bac734bb983814b67ceafcae9",
+                name: "番禺区广电网络",
               };
-              const accountData = await storage.get('accountData');
+              const accountData = await storage.get("accountData");
               await storage.set(
-                `${accountData?.account?.account_id || ''}currentOperator`,
-                selectedOperator,
+                `${accountData?.account?.account_id || ""}currentOperator`,
+                selectedOperator
               );
-              console.log('to home')
-              replace('Home', {
+              console.log("to home");
+              replace("Home", {
                 redirect: false,
               });
-            }else{
-              replace('Home', {
+            } else {
+              replace("Home", {
                 redirect: false,
               });
             }
-          })
-        }else{
-          global.toast.showToast('登录失败:'+ress.message);
+          });
+        } else {
+          global.toast.showToast("登录失败:" + ress.message);
         }
       } else {
-        const message = errorCodeMap[res.code] || res.message || '校验验证码失败！';
+        const message =
+          errorCodeMap[res.code] || res.message || "校验验证码失败！";
         global.toast.showToast(message);
       }
     } else {
-      if(!validUsername(username)){
-          return
+      if (!validUsername(username)) {
+        return;
       }
       if (!password) {
-        Alert.alert('请输入密码');
+        Alert.alert("请输入密码");
         return;
       }
-    
-      global.loading.showLoading('');
+
+      global.loading.showLoading("");
       let params = {
         account_name: username,
         password: CryptoJS.MD5(password).toString(),
@@ -366,55 +364,70 @@ await initOperatorHomedTouristAccount({
         create_address: 1, // 注册时自动建默认家庭
         extend: {
           appid: finallyAppID,
-          model: deviceModal || '开发测试',
-          application: appName || '爱家宝',
-          platform: 'phone',
-          entry: 'app',
+          model: deviceModal || "开发测试",
+          application: appName || "爱家宝",
+          platform: "phone",
+          entry: "app",
         },
-        sign:CryptoJS.MD5(username+CryptoJS.MD5(password).toString()+"a912371c1d5b4ab0b2630f1553865dc6"+"59de0aff71c844f9b6b132044cecd1da"+ "#register").toString()
+        sign: CryptoJS.MD5(
+          username +
+            CryptoJS.MD5(password).toString() +
+            "a912371c1d5b4ab0b2630f1553865dc6" +
+            "59de0aff71c844f9b6b132044cecd1da" +
+            "#register"
+        ).toString(),
       };
       const res = await accountRegiste(params);
-      if (res.code===0&&res?.result?.account && res?.result?.account?.account_name) {//注册成功，调用登录接口
-          // setStep(1);
-          userCountData.current = res?.result
-          
-          let params = {
-            account_name: username,
-            password: CryptoJS.MD5(password).toString(),
-            create_address: 1, // 注册时自动建默认家庭
-            extend: {
-              appid: finallyAppID,
-              model: deviceModal || '开发测试',
-              application: appName || '爱家宝',
-              platform: 'phone',
-              entry: 'app',
-            },
-          };
-          const ress = await accountLogin(params, activeType);
-          console.log(ress, 'login');
-          if (ress.code === 0) {
-              dealLoginInfo(ress,finallyAppID,()=>{setStep(1)})
-        }else{
-          global.toast.showToast('登录失败:'+ress.code)
+      if (
+        res.code === 0 &&
+        res?.result?.account &&
+        res?.result?.account?.account_name
+      ) {
+        //注册成功，调用登录接口
+        // setStep(1);
+        userCountData.current = res?.result;
+
+        let params = {
+          account_name: username,
+          password: CryptoJS.MD5(password).toString(),
+          create_address: 1, // 注册时自动建默认家庭
+          extend: {
+            appid: finallyAppID,
+            model: deviceModal || "开发测试",
+            application: appName || "爱家宝",
+            platform: "phone",
+            entry: "app",
+          },
+        };
+        const ress = await accountLogin(params, activeType);
+        console.log(ress, "login");
+        if (ress.code === 0) {
+          dealLoginInfo(ress, finallyAppID, () => {
+            setStep(1);
+          });
+        } else {
+          global.toast.showToast("登录失败:" + ress.code);
         }
-      }else{
-        global.toast.showToast(res.code===20207?'该账号已被使用，请重新输入账号':res.message);
+      } else {
+        global.toast.showToast(
+          res.code === 20207 ? "该账号已被使用，请重新输入账号" : res.message
+        );
       }
-      global.loading.hideLoading()
+      global.loading.hideLoading();
     }
   };
 
   useEffect(() => {
     if (phone.length === 11 && smsCodeResendTimes === 0) {
       setSmsCodeRightBtnDisabled(false);
-      setSmsCodeRightBtnText('获取验证码');
+      setSmsCodeRightBtnText("获取验证码");
     } else {
       setSmsCodeRightBtnDisabled(true);
     }
   }, [phone, smsCodeResendTimes]);
   useEffect(() => {
     if (smsCodeResendTimes > 0) {
-      console.log(smsCodeResendTimes, 'smsCodeResendTimes');
+      console.log(smsCodeResendTimes, "smsCodeResendTimes");
       setSmsCodeRightBtnText(`${smsCodeResendTimes}s后重发`);
       timers.current = setTimeout(() => {
         setSmsCodeResendTimes(smsCodeResendTimes - 1);
@@ -425,33 +438,33 @@ await initOperatorHomedTouristAccount({
     };
   }, [smsCodeResendTimes]);
 
-  const handleSetProtocolAgree = isAgree => {
+  const handleSetProtocolAgree = (isAgree) => {
     setProtocolAgree(isAgree);
     setServiceAgree(isAgree);
     setPrivacyAgree(isAgree);
   };
-  const handleViewUserAgreementByType = type => {
-    if (type === 'service') {
+  const handleViewUserAgreementByType = (type) => {
+    if (type === "service") {
       setServiceDialogVisible(true);
-    } else if (type === 'privacy') {
+    } else if (type === "privacy") {
       setPrivacyDialogVisible(true);
     }
   };
-  const handleOneDisagree = async type => {
+  const handleOneDisagree = async (type) => {
     setProtocolAgree(false);
-    if (type === 'service') {
+    if (type === "service") {
       setServiceAgree(false);
       setServiceDialogVisible(false);
-    } else if (type === 'privacy') {
+    } else if (type === "privacy") {
       setPrivacyAgree(false);
       setPrivacyDialogVisible(false);
     }
   };
-  const handleOneAgree = type => {
-    if (type === 'service') {
+  const handleOneAgree = (type) => {
+    if (type === "service") {
       setServiceAgree(true);
       setServiceDialogVisible(false);
-    } else if (type === 'privacy') {
+    } else if (type === "privacy") {
       setPrivacyAgree(true);
       setPrivacyDialogVisible(false);
     }
@@ -461,15 +474,15 @@ await initOperatorHomedTouristAccount({
   };
 
   const handleViewUserAgreement = () => {
-    navigation.navigate('WebviewScreen', {
-      title: '用户协议',
-      url: 'https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html',
+    navigation.navigate("WebviewScreen", {
+      title: "用户协议",
+      url: "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html",
     });
   };
   const handleViewPrivacyClause = () => {
-    navigation.navigate('WebviewScreen', {
-      title: '隐私条款',
-      url: 'https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html',
+    navigation.navigate("WebviewScreen", {
+      title: "隐私条款",
+      url: "https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html",
     });
   };
 
@@ -481,29 +494,30 @@ await initOperatorHomedTouristAccount({
   };
   const handleUserAgree = () => {
     setProtocolAgree(true);
-    typeof protocolAgreeResolve.current === 'function' && protocolAgreeResolve.current();
+    typeof protocolAgreeResolve.current === "function" &&
+      protocolAgreeResolve.current();
     protocolAgreeResolve.current = null;
   };
   const handleBackPress = () => {
-    if(step === 1){
-      appReport('APP_STARTUP');
-      replace('Home', {
+    if (step === 1) {
+      appReport("APP_STARTUP");
+      replace("Home", {
         redirect: false,
       });
-    }else{
-      goBack()
+    } else {
+      goBack();
     }
-  }
-  useEffect(()=>{
+  };
+  useEffect(() => {
     return () => {
-      if(step === 1){
-      appReport('APP_STARTUP');
-      replace('Home', {
-        redirect: false,
-      });
-    }
-    }
-  },[])
+      if (step === 1) {
+        appReport("APP_STARTUP");
+        replace("Home", {
+          redirect: false,
+        });
+      }
+    };
+  }, []);
   useEffect(() => {
     if (serviceAgree && privacyAgree) {
       setProtocolAgree(true);
@@ -514,7 +528,7 @@ await initOperatorHomedTouristAccount({
 
   return (
     <View style={styles.container}>
-      <ScreenBackHeader title="注册" onBackPress={handleBackPress}/>
+      <ScreenBackHeader title="注册" onBackPress={handleBackPress} />
       <Divider width={px(12)} color="#F5F5F5" />
       <View style={styles.stepContainer}>
         {step === 0 ? (
@@ -523,8 +537,9 @@ await initOperatorHomedTouristAccount({
             <View
               style={[
                 styles.inputBox,
-                {marginTop: px(40), marginBottom: px(75)},
-              ]}>
+                { marginTop: px(40), marginBottom: px(75) },
+              ]}
+            >
               <Text style={styles.inputTitle}>账号</Text>
               <View style={styles.inputDivider} />
               <TextInput
@@ -532,7 +547,7 @@ await initOperatorHomedTouristAccount({
                 placeholder="请输入您的账号"
                 placeholderTextColor="#A6A6A6"
                 value={username}
-                onChangeText={text => {
+                onChangeText={(text) => {
                   // console.log(text);
                   setUsername(text);
                 }}
@@ -547,27 +562,28 @@ await initOperatorHomedTouristAccount({
                 placeholder="请输入密码"
                 placeholderTextColor="#A6A6A6"
                 value={password}
-                
-                onChangeText={text => setPassword(text)}
+                onChangeText={(text) => setPassword(text)}
                 returnKeyType="done"
               />
             </View>
             <TouchableOpacity
               activeOpacity={0.7}
               onPress={handleLoginPress}
-              disabled={loginDisabled}>
+              disabled={loginDisabled}
+            >
               <View style={styles.loginBtnBox}>
                 <View
                   style={[
                     styles.loginBtn,
                     loginDisabled ? styles.disabledBtn : null,
-                  ]}>
+                  ]}
+                >
                   <Text style={[styles.loginBtnText]}>下一步</Text>
                 </View>
               </View>
             </TouchableOpacity>
-            {appName !== '遥控键码库' && (
-              <View style={{marginTop: px(40), width: '100%'}}>
+            {appName !== "遥控键码库" && (
+              <View style={{ marginTop: px(40), width: "100%" }}>
                 <View style={styles.protocol}>
                   <CheckBox
                     center
@@ -575,7 +591,7 @@ await initOperatorHomedTouristAccount({
                     containerStyle={{
                       margin: 0,
                       padding: 0,
-                      backgroundColor: 'transparent',
+                      backgroundColor: "transparent",
                     }}
                     onPress={() => handleSetProtocolAgree(!protocolAgree)}
                     checkedIcon={
@@ -596,35 +612,36 @@ await initOperatorHomedTouristAccount({
                     }
                   />
                   <TouchableWithoutFeedback
-                    onPress={() => setProtocolAgree(!protocolAgree)}>
+                    onPress={() => setProtocolAgree(!protocolAgree)}
+                  >
                     <Text style={styles.protocolText}>
                       已阅读并同意
                       <TouchableWithoutFeedback
-                        style={{paddingVertical: px(150)}}
-                        onPress={() =>
-                          handleViewUserAgreementByType('service')
-                        }>
+                        style={{ paddingVertical: px(150) }}
+                        onPress={() => handleViewUserAgreementByType("service")}
+                      >
                         <Text
                           style={
                             protocolAgree || serviceAgree
                               ? styles.protocolLinkAgree
                               : styles.protocolLink
-                          }>
+                          }
+                        >
                           《服务条款》
                         </Text>
                       </TouchableWithoutFeedback>
                       与
                       <TouchableWithoutFeedback
-                        style={{paddingVertical: px(150)}}
-                        onPress={() =>
-                          handleViewUserAgreementByType('privacy')
-                        }>
+                        style={{ paddingVertical: px(150) }}
+                        onPress={() => handleViewUserAgreementByType("privacy")}
+                      >
                         <Text
                           style={
                             protocolAgree || privacyAgree
                               ? styles.protocolLinkAgree
                               : styles.protocolLink
-                          }>
+                          }
+                        >
                           《隐私权政策》
                         </Text>
                       </TouchableWithoutFeedback>
@@ -637,7 +654,7 @@ await initOperatorHomedTouristAccount({
         ) : (
           <>
             <Text style={styles.title}>请输入账号绑定的手机号码</Text>
-            <View style={[styles.inputBox, {marginBottom: px(75)}]}>
+            <View style={[styles.inputBox, { marginBottom: px(75) }]}>
               <Text style={styles.inputTitle}>+86</Text>
               <View style={styles.inputDivider} />
               <TextInput
@@ -646,7 +663,7 @@ await initOperatorHomedTouristAccount({
                 value={phone}
                 placeholder="请输入您的手机号"
                 placeholderTextColor="#A6A6A6"
-                onChangeText={text => setPhone(text)}
+                onChangeText={(text) => setPhone(text)}
                 returnKeyType="done"
                 maxLength={11}
               />
@@ -657,20 +674,22 @@ await initOperatorHomedTouristAccount({
                 placeholder="请输入验证码"
                 rightBtnDisabled={smsCodeRightBtnDisabled}
                 rightBtnText={smsCodeRightBtnText}
-                onChangeText={text => setUserInputSmsCode(text)}
+                onChangeText={(text) => setUserInputSmsCode(text)}
                 onRightBtnPress={handleGetSmsId}
               />
             </View>
             <TouchableOpacity
               activeOpacity={0.7}
               onPress={handleLoginPress}
-              disabled={loginDisabled}>
+              disabled={loginDisabled}
+            >
               <View style={styles.loginBtnBox}>
                 <View
                   style={[
                     styles.loginBtn,
                     loginDisabled ? styles.disabledBtn : null,
-                  ]}>
+                  ]}
+                >
                   <Text style={[styles.loginBtnText]}>完成</Text>
                 </View>
               </View>
@@ -678,206 +697,213 @@ await initOperatorHomedTouristAccount({
           </>
         )}
       </View>
-      {serviceDialogVisible  && (
-            <ProtocolType
-              handleOneDisagree={handleOneDisagree}
-              handleOneAgree={handleOneAgree}
-              dialogTitle="用户协议"
-              url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html"
-              type="service"
+      {serviceDialogVisible && (
+        <ProtocolType
+          handleOneDisagree={handleOneDisagree}
+          handleOneAgree={handleOneAgree}
+          dialogTitle="用户协议"
+          url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/user_agreement.html"
+          type="service"
+        />
+      )}
+      {privacyDialogVisible && (
+        <ProtocolType
+          handleOneDisagree={handleOneDisagree}
+          handleOneAgree={handleOneAgree}
+          dialogTitle="隐私保护提示"
+          url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html"
+          type="privacy"
+        />
+      )}
+
+      {/* 选择方式 */}
+      {entranceSelectVisible && (
+        <View
+          style={{
+            ...styles.entranceSelect,
+            paddingTop:
+              (Platform.OS === "ios" ? insets.top : 0) +
+              StatusBar.currentHeight,
+          }}
+        >
+          <View
+            style={{
+              paddingTop: px(36),
+              paddingBottom: px(33),
+              marginBottom: px(38),
+            }}
+          >
+            <Text
+              style={{
+                fontSize: px(55),
+                color: "#333",
+                fontWeight: "bold",
+                textAlign: "center",
+              }}
+            >
+              请选择功能
+            </Text>
+          </View>
+          <TouchableOpacity
+            style={{
+              ...styles.entranceSelectItem,
+              backgroundColor: "#F4F9F8",
+            }}
+            onPress={() => {
+              selectEntranceResolve && selectEntranceResolve("szjt");
+              selectEntranceResolve = null;
+            }}
+          >
+            <Image
+              style={{
+                width: px(104),
+                height: px(104),
+              }}
+              resizeMode="contain"
+              source={require("../../assets/img/szjt.png")}
             />
-          )}
-          {privacyDialogVisible  && (
-            <ProtocolType
-              handleOneDisagree={handleOneDisagree}
-              handleOneAgree={handleOneAgree}
-              dialogTitle="隐私保护提示"
-              url="https://ipanelcloud2.ipanel.cn:50443/iapp/ajbstatic/service_agreement/privacy_policy.html"
-              type="privacy"
+            <Text
+              style={{
+                ...styles.entranceSelectText,
+                color: "#62C0B6",
+              }}
+            >
+              数字家庭
+            </Text>
+          </TouchableOpacity>
+          <TouchableOpacity
+            style={{
+              ...styles.entranceSelectItem,
+              backgroundColor: "#F2FAFF",
+            }}
+            onPress={() => {
+              selectEntranceResolve && selectEntranceResolve("tyygq");
+              selectEntranceResolve = null;
+            }}
+          >
+            <Image
+              style={{
+                width: px(104),
+                height: px(104),
+              }}
+              resizeMode="contain"
+              source={require("../../assets/img/tykz.png")}
             />
-          )}
+            <Text
+              style={{
+                ...styles.entranceSelectText,
+                color: "#599FF1",
+              }}
+            >
+              遥控键码下载
+            </Text>
+          </TouchableOpacity>
+        </View>
+      )}
 
-          {/* 选择方式 */}
-          {entranceSelectVisible && (
-                  <View
-                    style={{
-                      ...styles.entranceSelect,
-                      paddingTop:
-                        (Platform.OS === 'ios' ? insets.top : 0) +
-                        StatusBar.currentHeight,
-                    }}>
-                    <View
-                      style={{
-                        paddingTop: px(36),
-                        paddingBottom: px(33),
-                        marginBottom: px(38),
-                      }}>
-                      <Text
-                        style={{
-                          fontSize: px(55),
-                          color: '#333',
-                          fontWeight: 'bold',
-                          textAlign: 'center',
-                        }}>
-                        请选择功能
+      {protocolDialogVisible && appName !== "遥控键码库" && (
+        <View style={styles.agreementMask}>
+          <View style={styles.agreementConfirmContent}>
+            <View style={styles.agreementConfirmHead}>
+              <Text style={styles.agreementConfirmTitle}>欢迎使用爱家宝</Text>
+            </View>
+            <View style={{ flex: 1 }}>
+              <ScrollView showsVerticalScrollIndicator={false}>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了更好的保障您的合法权益，请您阅读并同意
+                    <TouchableWithoutFeedback
+                      onPress={handleViewUserAgreement}
+                      style={{ paddingVertical: px(100) }}
+                    >
+                      <Text style={styles.agreementConfirmImportantText}>
+                        用户协议
                       </Text>
-                    </View>
-                    <TouchableOpacity
-                      style={{
-                        ...styles.entranceSelectItem,
-                        backgroundColor: '#F4F9F8',
-                      }}
-                      onPress={() => {
-                        selectEntranceResolve && selectEntranceResolve('szjt');
-                        selectEntranceResolve = null;
-                      }}>
-                      <Image
-                        style={{
-                          width: px(104),
-                          height: px(104),
-                        }}
-                        resizeMode="contain"
-                        source={require('../../assets/img/szjt.png')}
-                      />
-                      <Text
-                        style={{
-                          ...styles.entranceSelectText,
-                          color: '#62C0B6',
-                        }}>
-                        数字家庭
+                    </TouchableWithoutFeedback>
+                    和
+                    <TouchableWithoutFeedback onPress={handleViewPrivacyClause}>
+                      <Text style={styles.agreementConfirmImportantText}>
+                        隐私条款
                       </Text>
-                    </TouchableOpacity>
-                    <TouchableOpacity
-                      style={{
-                        ...styles.entranceSelectItem,
-                        backgroundColor: '#F2FAFF',
-                      }}
-                      onPress={() => {
-                        selectEntranceResolve && selectEntranceResolve('tyygq');
-                        selectEntranceResolve = null;
-                      }}>
-                      <Image
-                        style={{
-                          width: px(104),
-                          height: px(104),
-                        }}
-                        resizeMode="contain"
-                        source={require('../../assets/img/tykz.png')}
-                      />
-                      <Text
-                        style={{
-                          ...styles.entranceSelectText,
-                          color: '#599FF1',
-                        }}>
-                        遥控键码下载
-                      </Text>
-                    </TouchableOpacity>
-                  </View>
-                )}
-
-         {protocolDialogVisible && appName !== '遥控键码库' && (
-            <View style={styles.agreementMask}>
-              <View style={styles.agreementConfirmContent}>
-                <View style={styles.agreementConfirmHead}>
-                  <Text style={styles.agreementConfirmTitle}>
-                    欢迎使用爱家宝
+                    </TouchableWithoutFeedback>
+                    。为向您提供更优质的服务，我们可能会向您申请下列相关权限：
                   </Text>
                 </View>
-                <View style={{flex: 1}}>
-                  <ScrollView showsVerticalScrollIndicator={false}>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;为了更好的保障您的合法权益，请您阅读并同意
-                        <TouchableWithoutFeedback
-                          onPress={handleViewUserAgreement}
-                          style={{paddingVertical: px(100)}}>
-                          <Text style={styles.agreementConfirmImportantText}>
-                            用户协议
-                          </Text>
-                        </TouchableWithoutFeedback>
-                        和
-                        <TouchableWithoutFeedback
-                          onPress={handleViewPrivacyClause}>
-                          <Text style={styles.agreementConfirmImportantText}>
-                            隐私条款
-                          </Text>
-                        </TouchableWithoutFeedback>
-                        。为向您提供更优质的服务，我们可能会向您申请下列相关权限：
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        1. 读写设备存储权限（Android
-                        版本）：用于用于用户反馈、客服等功能中读写设备上的照片及文件；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        2. 地理位置权限（Android、iOS
-                        版本）：用于家庭位置管理、判断地区提供天气服务、发现附近智能设备；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        3. 相机权限（Android、iOS
-                        版本）：用于扫码绑定电视账户、扫码进行设备添加等功能；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        4. 相册权限(Android、ios
-                        版本):用于用户反馈等功能中读写设备上的照片及视频；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        5. 麦克风权限(Android、ioS 版本):智能客服等功能；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        6. 读取电话联系人权限(Android):用于电视通讯功能；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        7. 开启蓝牙权限(Android、ios
-                        版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        8. 开启蓝牙权限(Android、ios
-                        版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
-                      </Text>
-                    </View>
-                    <View>
-                      <Text style={styles.agreementConfirmText}>
-                        7. 开启蓝牙权限(Android、ios
-                        版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
-                      </Text>
-                    </View>
-                  </ScrollView>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    1. 读写设备存储权限（Android
+                    版本）：用于用于用户反馈、客服等功能中读写设备上的照片及文件；
+                  </Text>
                 </View>
-                <Divider color="#eee" width={1} />
-                <View style={styles.agreementButtons}>
-                  <TouchableOpacity
-                    style={styles.disagreeBtn}
-                    activeOpacity={0.7}
-                    onPress={handleUserDisagree}>
-                    <Text style={styles.disagreeBtnText}>不同意</Text>
-                  </TouchableOpacity>
-                  <Divider color="#eee" width={1} orientation="vertical" />
-                  <TouchableOpacity
-                    style={styles.agreeBtn}
-                    activeOpacity={0.7}
-                    onPress={handleUserAgree}>
-                    <Text style={styles.agreeBtnText}>同意</Text>
-                  </TouchableOpacity>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    2. 地理位置权限（Android、iOS
+                    版本）：用于家庭位置管理、判断地区提供天气服务、发现附近智能设备；
+                  </Text>
                 </View>
-              </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    3. 相机权限（Android、iOS
+                    版本）：用于扫码绑定电视账户、扫码进行设备添加等功能；
+                  </Text>
+                </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    4. 相册权限(Android、ios
+                    版本):用于用户反馈等功能中读写设备上的照片及视频；
+                  </Text>
+                </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    5. 麦克风权限(Android、ioS 版本):智能客服等功能；
+                  </Text>
+                </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    6. 读取电话联系人权限(Android):用于电视通讯功能；
+                  </Text>
+                </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    7. 开启蓝牙权限(Android、ios
+                    版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
+                  </Text>
+                </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    8. 开启蓝牙权限(Android、ios
+                    版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
+                  </Text>
+                </View>
+                <View>
+                  <Text style={styles.agreementConfirmText}>
+                    7. 开启蓝牙权限(Android、ios
+                    版本):用于连接设备时连接设备发出的蓝牙信号，以进行设备通信，对于通过蓝牙连接的智能设备，也需要蓝牙权限用于通信；
+                  </Text>
+                </View>
+              </ScrollView>
+            </View>
+            <Divider color="#eee" width={1} />
+            <View style={styles.agreementButtons}>
+              <TouchableOpacity
+                style={styles.disagreeBtn}
+                activeOpacity={0.7}
+                onPress={handleUserDisagree}
+              >
+                <Text style={styles.disagreeBtnText}>不同意</Text>
+              </TouchableOpacity>
+              <Divider color="#eee" width={1} orientation="vertical" />
+              <TouchableOpacity
+                style={styles.agreeBtn}
+                activeOpacity={0.7}
+                onPress={handleUserAgree}
+              >
+                <Text style={styles.agreeBtnText}>同意</Text>
+              </TouchableOpacity>
             </View>
-          )}
+          </View>
+        </View>
+      )}
     </View>
   );
 };
@@ -885,20 +911,20 @@ await initOperatorHomedTouristAccount({
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    backgroundColor: '#fff',
-    flexDirection: 'column',
+    backgroundColor: "#fff",
+    flexDirection: "column",
   },
   inputBox: {
     marginHorizontal: px(115),
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     borderBottomWidth: px(2),
     // marginVertical: 10,
-    borderBottomColor: '#E8E8E8',
+    borderBottomColor: "#E8E8E8",
     height: px(100),
   },
   inputView: {
-    backgroundColor: '#fff',
+    backgroundColor: "#fff",
     borderRadius: px(22),
     flex: 1,
     marginTop: px(-50),
@@ -906,85 +932,85 @@ const styles = StyleSheet.create({
   inputDivider: {
     width: px(3),
     height: px(37),
-    backgroundColor: '#eee',
+    backgroundColor: "#eee",
     marginHorizontal: px(22),
   },
   inputTitle: {
-    color: '#333',
+    color: "#333",
     fontSize: px(40),
-    fontWeight: '400',
+    fontWeight: "400",
   },
   input: {
     height: 50,
     flex: 1,
-    color: '#000',
+    color: "#000",
   },
   loginBtnBox: {
-    flexDirection: 'row',
-    alignItems: 'center',
+    flexDirection: "row",
+    alignItems: "center",
     marginTop: px(144),
   },
   loginBtn: {
     marginHorizontal: px(115),
     borderRadius: px(23),
-    backgroundColor: '#E86003',
+    backgroundColor: "#E86003",
     flex: 1,
     height: px(132),
-    alignItems: 'center',
-    justifyContent: 'center',
+    alignItems: "center",
+    justifyContent: "center",
   },
   loginBtnText: {
-    color: '#fff',
+    color: "#fff",
     fontSize: px(52),
-    fontWeight: '600',
+    fontWeight: "600",
   },
   title: {
-    fontWeight: 'bold',
+    fontWeight: "bold",
     fontSize: px(46),
-    color: '#333',
+    color: "#333",
     marginTop: px(46),
     marginHorizontal: px(115),
     marginBottom: px(153),
   },
   disabledBtn: {
-    backgroundColor: '#CFCFCF',
+    backgroundColor: "#CFCFCF",
   },
   marginCommon: {
     marginHorizontal: px(115),
   },
 
   protocol: {
-    flexDirection: 'row',
-    justifyContent: 'center',
-    alignItems: 'center',
+    flexDirection: "row",
+    justifyContent: "center",
+    alignItems: "center",
   },
   protocolText: {
-    color: '#A6A6A6',
+    color: "#A6A6A6",
     fontSize: px(35),
   },
   protocolLink: {
-    color: 'rgba(234, 96, 0, 1)',
+    color: "rgba(234, 96, 0, 1)",
   },
   protocolLinkAgree: {
-    color: '#0EC12C',
+    color: "#0EC12C",
   },
 
   agreementMask: {
-    position: 'absolute',
+    position: "absolute",
     left: 0,
     top: 0,
     bottom: 0,
     right: 0,
     zIndex: 2,
-    backgroundColor: 'rgba(0,0,0,0.7)',
+    backgroundColor: "rgba(0,0,0,0.7)",
   },
   agreementConfirmContent: {
-    position: 'absolute',
+    position: "absolute",
     height: 400,
     left: px(75),
     right: px(75),
-    top: Dimensions.get('window').height / 2 - 200,
-    backgroundColor: '#fff',
+    top: Dimensions.get("window").height / 2 - 200,
+    backgroundColor: "#fff",
     paddingBottom: 0,
     borderRadius: px(29),
   },
@@ -993,7 +1019,7 @@ const styles = StyleSheet.create({
     marginBottom: px(29),
   },
   headerLeft: {
-    position: 'absolute',
+    position: "absolute",
     top: 15,
     left: 10,
     zIndex: 2,
@@ -1004,7 +1030,7 @@ const styles = StyleSheet.create({
   },
   agreementConfirmTitleBox: {
     // flex: 1,
-    position: 'absolute',
+    position: "absolute",
     top: 10,
     bottom: 0,
     left: 0,
@@ -1014,24 +1040,24 @@ const styles = StyleSheet.create({
   agreementConfirmTitle: {
     fontSize: 20,
     // lineHeight: 50,
-    color: '#000',
-    textAlign: 'center',
+    color: "#000",
+    textAlign: "center",
     // paddingTop: 20,
   },
   agreementConfirmText: {
     fontSize: px(40),
     lineHeight: px(69),
-    color: '#333',
+    color: "#333",
     marginHorizontal: px(40),
   },
   agreementConfirmImportantText: {
-    color: 'rgba(234, 96, 0, 1)',
+    color: "rgba(234, 96, 0, 1)",
   },
   agreementButtons: {
     height: 50,
     marginTop: px(12),
-    flexDirection: 'row',
-    justifyContent: 'space-around',
+    flexDirection: "row",
+    justifyContent: "space-around",
     borderBottomLeftRadius: px(29),
   },
   disagreeBtn: {
@@ -1040,10 +1066,10 @@ const styles = StyleSheet.create({
     paddingBottom: px(29),
   },
   disagreeBtnText: {
-    color: '#666',
+    color: "#666",
     fontSize: px(52),
-    textAlign: 'center',
-    fontWeight: '500',
+    textAlign: "center",
+    fontWeight: "500",
   },
   agreeBtn: {
     flex: 1,
@@ -1051,10 +1077,10 @@ const styles = StyleSheet.create({
     paddingBottom: px(29),
   },
   agreeBtnText: {
-    color: '#E86003',
+    color: "#E86003",
     fontSize: px(52),
-    textAlign: 'center',
-    fontWeight: '500',
+    textAlign: "center",
+    fontWeight: "500",
   },
 });