From c09da746b02ebc028c2ed0a2ff3fd14d0532dcd3 Mon Sep 17 00:00:00 2001
From: Henning Hall <henning.hall@hotmail.com>
Date: Mon, 28 Dec 2020 10:47:19 +0100
Subject: [PATCH] bugfix: fadeToColor none

---
 examples/detox/src/examples/Advanced.js       | 5 ++++-
 examples/detox/src/propPickers/FadeToColor.js | 5 ++++-
 src/colorToHex.js                             | 1 +
 3 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/examples/detox/src/examples/Advanced.js b/examples/detox/src/examples/Advanced.js
index 08b8d0f..a6227da 100644
--- a/examples/detox/src/examples/Advanced.js
+++ b/examples/detox/src/examples/Advanced.js
@@ -173,7 +173,10 @@ export default class Advanced extends Component {
     {
       name: 'fadeToColor',
       component: (
-        <FadeToColor onChange={() => this.props.setBackground(randomColor())} />
+        <FadeToColor 
+          onChange={() => this.props.setBackground(randomColor())} 
+          setNone={() => this.props.setBackground("none")} 
+        />
       ),
     },
     {
diff --git a/examples/detox/src/propPickers/FadeToColor.js b/examples/detox/src/propPickers/FadeToColor.js
index 99534bf..58d5e13 100644
--- a/examples/detox/src/propPickers/FadeToColor.js
+++ b/examples/detox/src/propPickers/FadeToColor.js
@@ -3,6 +3,9 @@ import { Button } from 'react-native'
 
 export default class extends Component {
   render() {
-    return <Button title={'Change color'} onPress={this.props.onChange} />
+    return <>
+    <Button title={'Change color'} onPress={this.props.onChange} />
+    <Button title={'Set "none"'} onPress={this.props.setNone} />
+    </>
   }
 }
diff --git a/src/colorToHex.js b/src/colorToHex.js
index e4c00ff..18391a5 100644
--- a/src/colorToHex.js
+++ b/src/colorToHex.js
@@ -1,5 +1,6 @@
 export function colorToHex(c) {
   if (c === undefined) return c
+  if (c === "none") return c
   if (c.includes('rgb')) return rgb2hex(c)
   if (c.includes('#')) {
     if (!isValidHex(c)) throw Error('Invalid color: ' + c)