From b0b5c1975411449c333195a934be3f12bb29cebf Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Mon, 3 Apr 2023 12:06:07 -0700
Subject: [PATCH] removing tos from ios

---
 app/mobile/src/access/admin/Admin.jsx   | 34 ++++++++++++-----------
 app/mobile/src/access/create/Create.jsx | 34 ++++++++++++-----------
 app/mobile/src/access/login/Login.jsx   | 36 +++++++++++++------------
 app/mobile/src/access/reset/Reset.jsx   | 36 +++++++++++++------------
 4 files changed, 74 insertions(+), 66 deletions(-)

diff --git a/app/mobile/src/access/admin/Admin.jsx b/app/mobile/src/access/admin/Admin.jsx
index 9e5fc68f..09fef349 100644
--- a/app/mobile/src/access/admin/Admin.jsx
+++ b/app/mobile/src/access/admin/Admin.jsx
@@ -56,22 +56,24 @@ export function Admin() {
             </TouchableOpacity>
           </View>
 
-          <View style={styles.tos}>
-            <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
-              <Text style={styles.viewtermstext}>View Terms of Service</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
-              { state.agree && (
-                <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
-              )}
-              { !state.agree && (
-                <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
-              )}
-              <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
-            </TouchableOpacity>
-          </View>
+          { Platform.OS !== 'ios' && (
+            <View style={styles.tos}>
+              <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
+                <Text style={styles.viewtermstext}>View Terms of Service</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
+                { state.agree && (
+                  <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
+                )}
+                { !state.agree && (
+                  <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
+                )}
+                <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
+              </TouchableOpacity>
+            </View>
+          )}
 
-          { state.enabled && state.agree && (
+          { state.enabled && (Platform.OS === 'ios' || state.agree) && (
             <TouchableOpacity style={styles.reset} onPress={admin}>
               { state.busy && (
                 <ActivityIndicator size="small" color="#ffffff" />
@@ -81,7 +83,7 @@ export function Admin() {
               )}
             </TouchableOpacity>
           )}
-          { (!state.enabled || !state.agree) && (
+          { (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
             <View style={styles.noreset}>
               <Text style={styles.noresettext}>Access</Text>
             </View>
diff --git a/app/mobile/src/access/create/Create.jsx b/app/mobile/src/access/create/Create.jsx
index 43e426ff..afe5ff1e 100644
--- a/app/mobile/src/access/create/Create.jsx
+++ b/app/mobile/src/access/create/Create.jsx
@@ -138,23 +138,25 @@ export function Create() {
             </View>
           )}
 
-          <View style={styles.tos}>
-            <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
-              <Text style={styles.viewtermstext}>View Terms of Service</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
-              { state.agree && (
-                <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
-              )}
-              { !state.agree && (
-                <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
-              )}
-              <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
-            </TouchableOpacity>
-          </View>
+          { Platform.OS !== 'ios' && (
+            <View style={styles.tos}>
+              <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
+                <Text style={styles.viewtermstext}>View Terms of Service</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
+                { state.agree && (
+                  <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
+                )}
+                { !state.agree && (
+                  <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
+                )}
+                <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
+              </TouchableOpacity>
+            </View>
+          )}
  
           <View style={styles.buttons}>
-            { state.enabled && state.agree && (
+            { state.enabled && (Platform.OS === 'ios' || state.agree) && (
               <TouchableOpacity style={styles.create} onPress={create}>
                 { state.busy && (
                   <ActivityIndicator size="small" color="#ffffff" />
@@ -164,7 +166,7 @@ export function Create() {
                 )}
               </TouchableOpacity>
             )}
-            { (!state.enabled || !state.agree) && (
+            { (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
               <View style={styles.nocreate}>
                 <Text style={styles.nocreatetext}>Create Account</Text>
               </View>
diff --git a/app/mobile/src/access/login/Login.jsx b/app/mobile/src/access/login/Login.jsx
index cc1f6028..78793513 100644
--- a/app/mobile/src/access/login/Login.jsx
+++ b/app/mobile/src/access/login/Login.jsx
@@ -1,4 +1,4 @@
-import { KeyboardAvoidingView, ActivityIndicator, Modal, ScrollView, Alert, Text, TextInput, View, TouchableOpacity } from 'react-native';
+import { Platform, KeyboardAvoidingView, ActivityIndicator, Modal, ScrollView, Alert, Text, TextInput, View, TouchableOpacity } from 'react-native';
 import { styles } from './Login.styled';
 import Ionicons from 'react-native-vector-icons/AntDesign';
 import { useLogin } from './useLogin.hook';
@@ -63,22 +63,24 @@ export function Login() {
             </View>
           )}
 
-          <View style={styles.tos}>
-            <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
-              <Text style={styles.viewtermstext}>View Terms of Service</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
-              { state.agree && (
-                <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
-              )}
-              { !state.agree && (
-                <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
-              )}
-              <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
-            </TouchableOpacity>
-          </View>
+          { Platform.OS !== 'ios' && (
+            <View style={styles.tos}>
+              <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
+                <Text style={styles.viewtermstext}>View Terms of Service</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
+                { state.agree && (
+                  <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
+                )}
+                { !state.agree && (
+                  <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
+                )}
+                <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
+              </TouchableOpacity>
+            </View>
+          )}
 
-          { state.enabled && state.agree && (
+          { state.enabled && (Platform.OS === 'ios' || state.agree) && (
             <TouchableOpacity style={styles.login} onPress={login}>
               { state.busy && (
                 <ActivityIndicator size="small" color="#ffffff" />
@@ -88,7 +90,7 @@ export function Login() {
               )}
             </TouchableOpacity>
           )}
-          { (!state.enabled || !state.agree) && (
+          { (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
             <View style={styles.nologin}>
               <Text style={styles.nologintext}>Login</Text>
             </View>
diff --git a/app/mobile/src/access/reset/Reset.jsx b/app/mobile/src/access/reset/Reset.jsx
index 14f01516..26d029a8 100644
--- a/app/mobile/src/access/reset/Reset.jsx
+++ b/app/mobile/src/access/reset/Reset.jsx
@@ -47,23 +47,25 @@ export function Reset() {
                 autoCapitalize="none" placeholder="token" placeholderTextColor={Colors.grey} />
             <View style={styles.space} />
           </View>
+ 
+          { Platform.OS !== 'ios' && (
+            <View style={styles.tos}>
+              <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
+                <Text style={styles.viewtermstext}>View Terms of Service</Text>
+              </TouchableOpacity>
+              <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
+                { state.agree && (
+                  <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
+                )}
+                { !state.agree && (
+                  <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
+                )}
+                <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
+              </TouchableOpacity>
+            </View>
+          )}
 
-          <View style={styles.tos}>
-            <TouchableOpacity style={styles.viewterms} onPress={actions.showTerms}>
-              <Text style={styles.viewtermstext}>View Terms of Service</Text>
-            </TouchableOpacity>
-            <TouchableOpacity style={styles.agreeterms} onPress={() => actions.agree(!state.agree)}>
-              { state.agree && (
-                <MatIcons name={'checkbox-outline'} size={20} color={Colors.primary} />
-              )}
-              { !state.agree && (
-                <MatIcons name={'checkbox-blank-outline'} size={20} color={Colors.primary} />
-              )}
-              <Text style={styles.agreetermstext}>I agree to Terms of Service</Text>
-            </TouchableOpacity>
-          </View>
-
-          { state.enabled && state.agree && (
+          { state.enabled && (Platform.OS === 'ios' || state.agree) && (
             <TouchableOpacity style={styles.reset} onPress={reset}>
               { state.busy && (
                 <ActivityIndicator size="small" color="#ffffff" />
@@ -73,7 +75,7 @@ export function Reset() {
               )}
             </TouchableOpacity>
           )}
-          { (!state.enabled || !state.agree) && (
+          { (!state.enabled || (Platform.OS !== 'ios' && !state.agree)) && (
             <View style={styles.noreset}>
               <Text style={styles.noresettext}>Access</Text>
             </View>