From 1e5c0078dd2e43b4dfab7b7251308608bb6f1d4b Mon Sep 17 00:00:00 2001
From: Etienne Dusseault <etienne.dusseault@gmail.com>
Date: Fri, 15 Oct 2021 09:00:36 -0300
Subject: [PATCH] Add send-asset-row to Storybook (#12081)

* send-asset

* id filename
---
 .storybook/test-data.js                       | 18 ++++++++--
 .../send-asset-row/send-asset-row.stories.js  | 36 +++++++++++++++++++
 2 files changed, 52 insertions(+), 2 deletions(-)
 create mode 100644 ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js

diff --git a/.storybook/test-data.js b/.storybook/test-data.js
index 1e1e0e397..dbb264321 100644
--- a/.storybook/test-data.js
+++ b/.storybook/test-data.js
@@ -216,8 +216,13 @@ const state = {
     },
     tokens: [
       {
-        address: '0xaD6D458402F60fD3Bd25163575031ACDce07538D',
-        symbol: 'DAI',
+        address: '0xaD6D458402F60fD3Bd25163575031ACDce07538A',
+        symbol: 'DAA',
+        decimals: 18,
+      },
+      {
+        address: '0xaD6D458402F60fD3Bd25163575031ACDce07538U',
+        symbol: 'DAU',
         decimals: 18,
       },
     ],
@@ -456,6 +461,15 @@ const state = {
               value: '0x9c2686',
             },
           ],
+          [
+            {
+              note: 'transactions/pending-tx-tracker#event: tx:block-update',
+              op: 'add',
+              path: '/firstRetryBlockNumber',
+              timestamp: 1629582711878,
+              value: '0x9c2686',
+            },
+          ],
           [
             {
               note: 'txStateManager: setting status to confirmed',
diff --git a/ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js b/ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
new file mode 100644
index 000000000..3b6082f47
--- /dev/null
+++ b/ui/pages/send/send-content/send-asset-row/send-asset-row.stories.js
@@ -0,0 +1,36 @@
+import React from 'react';
+import { Provider } from 'react-redux';
+import { action } from '@storybook/addon-actions';
+import configureStore from '../../../../store/store';
+import testData from '../../../../../.storybook/test-data';
+
+import SendAssetRow from './send-asset-row.component';
+
+// Using Test Data For Redux
+const store = configureStore(testData);
+
+export default {
+  title: 'SendAssetRow',
+  id: __filename,
+  decorators: [(story) => <Provider store={store}>{story()}</Provider>],
+};
+
+export const SendAssetRowComponent = () => {
+  const { metamask } = store.getState();
+
+  const { identities, assetImages, tokens } = metamask;
+
+  return (
+    <SendAssetRow
+      tokens={tokens}
+      selectedAddress="0x983211ce699ea5ab57cc528086154b6db1ad8e55"
+      accounts={identities}
+      assetImages={assetImages}
+      setSendToken={() => undefined}
+      setUnsendableAssetError={() => undefined}
+      updateSendErrors={() => undefined}
+      updateSendAsset={() => undefined}
+      updateTokenType={(type) => action(`Selected Token: ${type}`)()}
+    />
+  );
+};