use the first color of the gradient to tint the edit home rows

Author: hawkrives

source/views/home/edit/row.android.js

@@ -68,11 +68,13 @@ export class EditHomeRow extends React.PureComponent<Props> {
 
   render() {
     const {item, isFirst, isLast} = this.props
+    const tint = item.gradient ? item.gradient[0] : item.tint
+
     return (
       <View style={styles.row}>
-        <MenuIcon icon={this.props.item.icon} tint={item.tint} />
+        <MenuIcon icon={this.props.item.icon} tint={tint} />
 
-        <Text style={[styles.text, {color: item.tint}]}>{item.title}</Text>
+        <Text style={[styles.text, {color: tint}]}>{item.title}</Text>
 
         <Switch
           onValueChange={this.onToggleSwitch}

source/views/home/edit/row.ios.js

@@ -161,11 +161,15 @@ export class EditHomeRow extends React.Component<Props, State> {
   render() {
     const width = this.props.width - ROW_HORIZONTAL_MARGIN * 2
 
+    const tint = this.props.data.gradient
+      ? this.props.data.gradient[0]
+      : this.props.data.tint
+
     return (
       <Animated.View style={[styles.row, this.state.style, {width}]}>
-        <MenuIcon icon={this.props.data.icon} tint={this.props.data.tint} />
+        <MenuIcon icon={this.props.data.icon} tint={tint} />
 
-        <Text style={[styles.text, {color: this.props.data.tint}]}>
+        <Text style={[styles.text, {color: tint}]}>
           {this.props.data.title}
         </Text>