From 195f3b72e35c2c28eec52b57cf7bcbddc6ea95b7 Mon Sep 17 00:00:00 2001
From: Thibaut Sardan <33178835+Tbaut@users.noreply.github.com>
Date: Thu, 4 Apr 2019 14:00:31 +0200
Subject: [PATCH] Add value field to destination dropdown for bonding settings
 (#888)

* add value field to destination dropdown

* linting
---
 packages/app-staking/src/Account/Bonding.tsx | 39 ++++++++++----------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/packages/app-staking/src/Account/Bonding.tsx b/packages/app-staking/src/Account/Bonding.tsx
index cd4028e460..5b34d869d0 100644
--- a/packages/app-staking/src/Account/Bonding.tsx
+++ b/packages/app-staking/src/Account/Bonding.tsx
@@ -55,31 +55,31 @@ class Bonding extends React.PureComponent<Props, State> {
       >
         {this.renderContent()}
         <Modal.Actions>
-        <Button.Group>
-          <Button
-            isNegative
-            onClick={onClose}
-            label={t('Cancel')}
-          />
-          <Button.Or />
-          <TxButton
-            accountId={accountId}
-            isDisabled={!canSubmit}
-            isPrimary
-            label={t('Bond')}
-            onClick={onClose}
-            params={[controllerId, bondValue, destination]}
-            tx='staking.bond'
-          />
-        </Button.Group>
-      </Modal.Actions>
+          <Button.Group>
+            <Button
+              isNegative
+              onClick={onClose}
+              label={t('Cancel')}
+            />
+            <Button.Or />
+            <TxButton
+              accountId={accountId}
+              isDisabled={!canSubmit}
+              isPrimary
+              label={t('Bond')}
+              onClick={onClose}
+              params={[controllerId, bondValue, destination]}
+              tx='staking.bond'
+            />
+          </Button.Group>
+        </Modal.Actions>
       </Modal>
     );
   }
 
   private renderContent () {
     const { accountId, bondedId, t } = this.props;
-    const { controllerId, isValidController } = this.state;
+    const { controllerId, destination, isValidController } = this.state;
 
     return (
       <>
@@ -119,6 +119,7 @@ class Bonding extends React.PureComponent<Props, State> {
             label={t('payment destination')}
             onChange={this.onChangeDestination}
             options={stashOptions}
+            value={destination}
           />
         </Modal.Content>
       </>