From 2804de99727a401414421f88cc172eb7f923c34a Mon Sep 17 00:00:00 2001
From: Roland Osborne <rolandosborne@gmail.com>
Date: Fri, 24 May 2024 15:03:28 -0700
Subject: [PATCH] hide mfa option if using older server

---
 app/mobile/src/session/settings/Settings.jsx | 56 +++++++++++---------
 1 file changed, 31 insertions(+), 25 deletions(-)

diff --git a/app/mobile/src/session/settings/Settings.jsx b/app/mobile/src/session/settings/Settings.jsx
index e7b3d9f7..b60ddc1c 100644
--- a/app/mobile/src/session/settings/Settings.jsx
+++ b/app/mobile/src/session/settings/Settings.jsx
@@ -225,18 +225,20 @@ export function Settings({ drawer }) {
             </View>
           </TouchableOpacity>
 
-          <TouchableOpacity style={styles.drawerEntry} activeOpacity={1}>
-            <View style={styles.icon}>
-              <MatIcons name="ticket-confirmation-outline" size={20} color={Colors.text} />
-            </View>
-            <View style={styles.optionControl}>
-              <TouchableOpacity activeOpacity={1} onPress={actions.toggleMFA}>
-                <Text style={styles.optionText}>{ state.strings.mfaTitle }</Text>
-              </TouchableOpacity>
-              <Switch value={state.mfaEnabled} style={Platform.OS==='ios' ? styles.notifications : {}} thumbColor={Colors.sliderGrip} ios_backgroundColor={Colors.idleFill}
-                  trackColor={styles.track} onValueChange={toggleMFA} />
-            </View>
-          </TouchableOpacity>
+          { state.mfaEnabled != null && (
+            <TouchableOpacity style={styles.drawerEntry} activeOpacity={1}>
+              <View style={styles.icon}>
+                <MatIcons name="ticket-confirmation-outline" size={20} color={Colors.text} />
+              </View>
+              <View style={styles.optionControl}>
+                <TouchableOpacity activeOpacity={1} onPress={actions.toggleMFA}>
+                  <Text style={styles.optionText}>{ state.strings.mfaTitle }</Text>
+                </TouchableOpacity>
+                <Switch value={state.mfaEnabled} style={Platform.OS==='ios' ? styles.notifications : {}} thumbColor={Colors.sliderGrip} ios_backgroundColor={Colors.idleFill}
+                    trackColor={styles.track} onValueChange={toggleMFA} />
+              </View>
+            </TouchableOpacity>
+          )}
 
           <TouchableOpacity style={styles.drawerEntry} activeOpacity={1} onPress={actions.showLogin}>
             <View style={styles.icon}>
@@ -392,19 +394,23 @@ export function Settings({ drawer }) {
                   <Text style={styles.optionLink}>{ state.strings.logout }</Text>
                 </View>
               </TouchableOpacity>
-              <View style={styles.divider} />
-              <TouchableOpacity style={styles.entry} activeOpacity={1}>
-                <View style={styles.icon}>
-                  <MatIcons name="ticket-confirmation-outline" size={20} color={Colors.linkText} />
-                </View>
-                <View style={styles.optionControl}>
-                  <TouchableOpacity activeOpacity={1} onPress={toggleMFA}>
-                    <Text style={styles.optionLink}>{ state.strings.mfaTitle }</Text>
-                  </TouchableOpacity>
-                  <Switch value={state.mfaEnabled} style={Platform.OS==='ios' ? styles.notifications : {}} thumbColor={Colors.sliderGrip} ios_backgroundColor={Colors.disabledIndicator}
-                      trackColor={styles.track} onValueChange={toggleMFA} />
-                </View>
-              </TouchableOpacity>
+              { state.mfaEnabled != null && (
+                <View style={styles.divider} />
+              )}
+              { state.mfaEnabled != null && (
+                <TouchableOpacity style={styles.entry} activeOpacity={1}>
+                  <View style={styles.icon}>
+                    <MatIcons name="ticket-confirmation-outline" size={20} color={Colors.linkText} />
+                  </View>
+                  <View style={styles.optionControl}>
+                    <TouchableOpacity activeOpacity={1} onPress={toggleMFA}>
+                      <Text style={styles.optionLink}>{ state.strings.mfaTitle }</Text>
+                    </TouchableOpacity>
+                    <Switch value={state.mfaEnabled} style={Platform.OS==='ios' ? styles.notifications : {}} thumbColor={Colors.sliderGrip} ios_backgroundColor={Colors.disabledIndicator}
+                        trackColor={styles.track} onValueChange={toggleMFA} />
+                  </View>
+                </TouchableOpacity>
+              )}
               <View style={styles.divider} />
               <TouchableOpacity style={styles.entry} activeOpacity={1} onPress={actions.showLogin}>
                 <View style={styles.icon}>