From fdfeceef8b8624da165d66aedd5fae29e6a61dc8 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 23 May 2018 16:29:30 +0200
Subject: [PATCH] WA-238 Fix Withdrawn and Multisig Forms

---
 .../MultisigForm/MultisigForm.stories.js       | 16 ++++++++++++----
 .../WithdrawnForm/WithdrawnForm.stories.js     | 18 +++++++++++++-----
 2 files changed, 25 insertions(+), 9 deletions(-)

diff --git a/src/routes/safe/component/Transactions/MultisigForm/MultisigForm.stories.js b/src/routes/safe/component/Transactions/MultisigForm/MultisigForm.stories.js
index 35583072..6c65ab26 100644
--- a/src/routes/safe/component/Transactions/MultisigForm/MultisigForm.stories.js
+++ b/src/routes/safe/component/Transactions/MultisigForm/MultisigForm.stories.js
@@ -7,7 +7,7 @@ import MultisigForm from './index'
 
 
 const FrameDecorator = story => (
-  <div className={styles.frame}>
+  <div className={styles.frame} style={{ textAlign: 'center' }}>
     { story() }
   </div>
 )
@@ -15,7 +15,15 @@ const FrameDecorator = story => (
 storiesOf('Components', module)
   .addDecorator(FrameDecorator)
   .add('MultisigForm', () => (
-    <Stepper.Page>
-      { MultisigForm }
-    </Stepper.Page>
+    <Stepper
+      finishedTransaction={false}
+      finishedButton={<Stepper.FinishButton title="SEE TXS" />}
+      onSubmit={() => {}}
+      steps={['Multisig TX Form', 'Review TX']}
+      onReset={() => {}}
+    >
+      <Stepper.Page balance={10}>
+        { MultisigForm }
+      </Stepper.Page>
+    </Stepper>
   ))
diff --git a/src/routes/safe/component/Withdrawn/WithdrawnForm/WithdrawnForm.stories.js b/src/routes/safe/component/Withdrawn/WithdrawnForm/WithdrawnForm.stories.js
index 88ae93de..a914a0a3 100644
--- a/src/routes/safe/component/Withdrawn/WithdrawnForm/WithdrawnForm.stories.js
+++ b/src/routes/safe/component/Withdrawn/WithdrawnForm/WithdrawnForm.stories.js
@@ -7,15 +7,23 @@ import WithdrawnForm from './index'
 
 
 const FrameDecorator = story => (
-  <div className={styles.frame}>
+  <div className={styles.frame} style={{ textAlign: 'center' }}>
     { story() }
   </div>
 )
 
 storiesOf('Components', module)
   .addDecorator(FrameDecorator)
-  .add('WitdrawnForm', () => (
-    <Stepper.Page>
-      { WithdrawnForm }
-    </Stepper.Page>
+  .add('WithdrawnForm', () => (
+    <Stepper
+      finishedTransaction={false}
+      finishedButton={<Stepper.FinishButton title="RESET" />}
+      onSubmit={() => {}}
+      steps={['Fill Withdrawn Form', 'Review Withdrawn']}
+      onReset={() => {}}
+    >
+      <Stepper.Page dailyLimit={10} spentToday={7}>
+        { WithdrawnForm }
+      </Stepper.Page>
+    </Stepper>
   ))