[DDW-961] Fixes and adds delete wallet dialog stories

input-output-hk · Nov 22, 2019 · 43e17cd · 43e17cd
1 parent 3edf5f3
commit 43e17cd
Showing 1 changed file with 55 additions and 7 deletions.
diff --git a/storybook/stories/wallets/settings/WalletDelete.stories.js b/storybook/stories/wallets/settings/WalletDelete.stories.js
@@ -14,7 +14,7 @@ storiesOf('Wallets|Settings', module)
 
   // ====== Stories ======
 
-  .add('Delete - without funds & countdown', () => (
+  .add('Delete - no funds & countdown', () => (
     <div>
       <DeleteWalletConfirmationDialog
         walletName="My Wallet"
@@ -30,7 +30,7 @@ storiesOf('Wallets|Settings', module)
       />
     </div>
   ))
-  .add('Delete - without funds - not accepted', () => (
+  .add('Delete - no funds - not accepted', () => (
     <div>
       <DeleteWalletConfirmationDialog
         walletName="My Wallet"
@@ -46,7 +46,7 @@ storiesOf('Wallets|Settings', module)
       />
     </div>
   ))
-  .add('Delete - without funds - accepted', () => (
+  .add('Delete - no funds & accepted & filled incorrectly', () => (
     <div>
       <DeleteWalletConfirmationDialog
         walletName="My Wallet"
@@ -62,6 +62,38 @@ storiesOf('Wallets|Settings', module)
       />
     </div>
   ))
+  .add('Delete - no funds & accepted & filled correctly', () => (
+    <div>
+      <DeleteWalletConfirmationDialog
+        walletName="My Wallet"
+        hasWalletFunds={false}
+        countdownFn={() => 0}
+        isBackupNoticeAccepted
+        confirmationValue="My Wallet"
+        onAcceptBackupNotice={() => {}}
+        onContinue={() => {}}
+        onCancel={() => {}}
+        onConfirmationValueChange={() => {}}
+        isSubmitting={false}
+      />
+    </div>
+  ))
+  .add('Delete - no funds & accepted & filled correctly & submitting', () => (
+    <div>
+      <DeleteWalletConfirmationDialog
+        walletName="My Wallet"
+        hasWalletFunds={false}
+        countdownFn={() => 0}
+        isBackupNoticeAccepted
+        confirmationValue="My Wallet"
+        onAcceptBackupNotice={() => {}}
+        onContinue={() => {}}
+        onCancel={() => {}}
+        onConfirmationValueChange={() => {}}
+        isSubmitting
+      />
+    </div>
+  ))
   .add('Delete - funds & countdown', () => (
     <div>
       <DeleteWalletConfirmationDialog
@@ -78,7 +110,7 @@ storiesOf('Wallets|Settings', module)
       />
     </div>
   ))
-  .add('Delete - funds & accepted', () => (
+  .add('Delete - funds & accepted & filled incorrectly', () => (
     <div>
       <DeleteWalletConfirmationDialog
         walletName="My Wallet"
@@ -89,24 +121,40 @@ storiesOf('Wallets|Settings', module)
         onAcceptBackupNotice={() => {}}
         onContinue={() => {}}
         onCancel={() => {}}
-        onConfirmationValueChange={() => {}}
+        onConfirmationValueChange={action('onRecoveryWordChange')}
         isSubmitting={false}
       />
     </div>
   ))
-  .add('Delete - funds & accepted & filled', () => (
+  .add('Delete - funds & accepted & filled correctly', () => (
     <div>
       <DeleteWalletConfirmationDialog
         walletName="My Wallet"
         hasWalletFunds
         countdownFn={() => 0}
         isBackupNoticeAccepted
-        confirmationValue="babushka"
+        confirmationValue="My Wallet"
         onAcceptBackupNotice={() => {}}
         onContinue={() => {}}
         onCancel={() => {}}
         onConfirmationValueChange={action('onRecoveryWordChange')}
         isSubmitting={false}
       />
     </div>
+  ))
+  .add('Delete - funds & accepted & filled correctly & submitting', () => (
+    <div>
+      <DeleteWalletConfirmationDialog
+        walletName="My Wallet"
+        hasWalletFunds
+        countdownFn={() => 0}
+        isBackupNoticeAccepted
+        confirmationValue="My Wallet"
+        onAcceptBackupNotice={() => {}}
+        onContinue={() => {}}
+        onCancel={() => {}}
+        onConfirmationValueChange={action('onRecoveryWordChange')}
+        isSubmitting
+      />
+    </div>
   ));