From f8496c45b467092b9e333e174805c6757e882e6c Mon Sep 17 00:00:00 2001
From: Boris Yankov <borisyankov@gmail.com>
Date: Wed, 19 Sep 2018 00:49:05 +0300
Subject: [PATCH] refactor: Replace Switch component's deprecated props

The props we use to set the colors of the Switch component
`onTintColor` and `tintColor` are now deprecated.

Using the new `trackColor` property we set the exact same values
to preserve the exact style we had before.
---
 src/common/ZulipSwitch.js | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/common/ZulipSwitch.js b/src/common/ZulipSwitch.js
index 359f908f1da..fb5b6fd3df5 100644
--- a/src/common/ZulipSwitch.js
+++ b/src/common/ZulipSwitch.js
@@ -56,8 +56,10 @@ export default class ZulipSwitch extends PureComponent<Props, State> {
     return (
       <Switch
         value={switchValue}
-        onTintColor={BRAND_COLOR}
-        tintColor="rgba(220, 220, 220, 1)"
+        trackColor={{
+          false: 'rgba(220, 220, 220, 1)',
+          true: BRAND_COLOR,
+        }}
         onValueChange={this.handleValueChange}
         disabled={disabled}
       />