Merge branch 'fix/remove-deprecated-switch-properties' into 'master'

Replace deprecated onTintColor and thumbTintColor properties in Switch See merge request !233

Merge branch 'fix/remove-deprecated-switch-properties' into 'master'
Replace deprecated onTintColor and thumbTintColor properties in Switch See merge request !233
40a59f7d · Sébastiaan Versteeg · 4ce9022f · ee25ac2a · 40a59f7d · 40a59f7d
Commit 40a59f7d authored Mar 06, 2019 by Sébastiaan Versteeg
--- a/app/ui/screens/events/EventAdminScreen.js
+++ b/app/ui/screens/events/EventAdminScreen.js
@@ -157,8 +157,11 @@ class EventAdminScreen extends Component {
            <Switch
              value={present}
              onValueChange={value => this.updateValue(item, value, payment)}
-              onTintColor={Colors.magenta}
-              thumbTintColor={present ? Colors.darkMagenta : Colors.grey}
+              trackColor={{
+                false: Colors.lightGray,
+                true: Colors.magenta,
+              }}
+              thumbColor={present ? Colors.darkMagenta : Colors.grey}
            />
          </View>
          <View style={styles.paymentContainer}>

--- a/app/ui/screens/events/RegistrationScreen.js
+++ b/app/ui/screens/events/RegistrationScreen.js
@@ -136,8 +136,11 @@ class RegistrationScreen extends Component {
                    <Switch
                      value={this.state[key]}
                      onValueChange={value => this.updateField(key, value)}
-                      thumbTintColor={this.state[key] ? Colors.darkMagenta : Colors.lightGray}
-                      onTintColor={Colors.magenta}
+                      thumbColor={this.state[key] ? Colors.darkMagenta : Colors.lightGray}
+                      trackColor={{
+                        false: Colors.lightGray,
+                        true: Colors.magenta,
+                      }}
                    />
                  </View>
                  <HTML

--- a/app/ui/screens/settings/NotificationsSection.js
+++ b/app/ui/screens/settings/NotificationsSection.js
@@ -73,8 +73,11 @@ class NotificationsSection extends Component {
          <Switch
            value={this.state[category.key]}
            onValueChange={value => this.updateField(category.key, value)}
-            onTintColor={Colors.magenta}
-            thumbTintColor={this.state[category.key]
+            trackColor={{
+              false: Colors.lightGray,
+              true: Colors.magenta,
+            }}
+            thumbColor={this.state[category.key]
              ? Colors.darkMagenta : Colors.grey}
            disabled={category.key === GENERAL_KEY}
            style={styles.settingsSwitch}