From 8bc1cbc5916ad72c3086242b6e53f99704014a69 Mon Sep 17 00:00:00 2001
From: Anthony Potdevin <potdevin.anthony@gmail.com>
Date: Sun, 8 Nov 2020 00:21:48 +0100
Subject: [PATCH] =?UTF-8?q?fix:=20=F0=9F=90=9B=20close=20channel=20params?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../modal/closeChannel/CloseChannel.tsx       | 33 ++++++++++++++-----
 1 file changed, 24 insertions(+), 9 deletions(-)

diff --git a/src/components/modal/closeChannel/CloseChannel.tsx b/src/components/modal/closeChannel/CloseChannel.tsx
index 0957989f..8c1bec5a 100644
--- a/src/components/modal/closeChannel/CloseChannel.tsx
+++ b/src/components/modal/closeChannel/CloseChannel.tsx
@@ -86,7 +86,7 @@ export const CloseChannel = ({
       <SubTitle>Are you sure you want to close the channel?</SubTitle>
       <ColorButton
         fullWidth={true}
-        disabled={loading}
+        disabled={loading || !amount}
         loading={loading}
         withMargin={'16px 4px 4px'}
         color={'red'}
@@ -95,11 +95,9 @@ export const CloseChannel = ({
             variables: {
               id: channelId,
               forceClose: isForce,
-              ...(isType !== 'none'
-                ? isType === 'fee'
-                  ? { tokens: amount }
-                  : { target: amount }
-                : {}),
+              ...(isType === 'target'
+                ? { target: amount }
+                : { tokens: amount }),
             },
           })
         }
@@ -146,10 +144,27 @@ export const CloseChannel = ({
           <MultiButton>
             {fetchFees &&
               !dontShow &&
-              renderButton(() => setIsType('none'), 'Auto', isType === 'none')}
-            {renderButton(() => setIsType('fee'), 'Fee', isType === 'fee')}
+              renderButton(
+                () => {
+                  setAmount(0);
+                  setIsType('none');
+                },
+                'Auto',
+                isType === 'none'
+              )}
             {renderButton(
-              () => setIsType('target'),
+              () => {
+                setAmount(0);
+                setIsType('fee');
+              },
+              'Fee',
+              isType === 'fee'
+            )}
+            {renderButton(
+              () => {
+                setAmount(0);
+                setIsType('target');
+              },
               'Target',
               isType === 'target'
             )}