From be0508d41e3ef8fb969a4d66c161adcd2177af15 Mon Sep 17 00:00:00 2001
From: Etienne Dusseault <etienne.dusseault@gmail.com>
Date: Fri, 15 Oct 2021 09:02:13 -0300
Subject: [PATCH] Add send-hex-data-row to Storybook (#12085)

* send-hex-data

* id filename

* lint
---
 .storybook/test-data.js                       |  7 +++----
 .../send-hex-data-row.stories.js              | 19 +++++++++++++++++++
 2 files changed, 22 insertions(+), 4 deletions(-)
 create mode 100644 ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js

diff --git a/.storybook/test-data.js b/.storybook/test-data.js
index dbb264321..28c5c15c8 100644
--- a/.storybook/test-data.js
+++ b/.storybook/test-data.js
@@ -1278,10 +1278,9 @@ const state = {
       balance: '0x0',
       details: null,
     },
-    stage: 'ADD_RECIPIENT',
-    amount: '3782dace9d900000',
-    gas: {
-      price: null,
+    gas: { error: 'gas' },
+    amount: {
+      error: 'amount',
     },
   },
   confirmTransaction: {
diff --git a/ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js b/ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
new file mode 100644
index 000000000..1976ddea0
--- /dev/null
+++ b/ui/pages/send/send-content/send-hex-data-row/send-hex-data-row.stories.js
@@ -0,0 +1,19 @@
+import React from 'react';
+import { boolean } from '@storybook/addon-knobs';
+import SendHexDataRow from './send-hex-data-row.component';
+
+export default {
+  title: 'SendHexDataRow',
+  id: __filename,
+};
+
+export const SendHexDataRowComponent = () => {
+  return (
+    <div style={{ width: 450 }}>
+      <SendHexDataRow
+        inError={boolean('In Error', false)}
+        updateSendHexData={() => null}
+      />
+    </div>
+  );
+};