Show APPROVED status for transactions that have been approved but not submitted

ui/app/components/transaction-status/tests/transaction-status.component.test.js

@@ -0,0 +1,35 @@
+import React from 'react'
+import assert from 'assert'
+import { mount } from 'enzyme'
+import TransactionStatus from '../transaction-status.component'
+import Tooltip from '../../tooltip-v2'
+
+describe('TransactionStatus Component', () => {
+  it('should render APPROVED properly', () => {
+    const wrapper = mount(
+      <TransactionStatus
+        statusKey="approved"
+        title="test-title"
+      />,
+      { context: { t: str => str.toUpperCase() } }
+    )
+
+    assert.ok(wrapper)
+    const tooltipProps = wrapper.find(Tooltip).props()
+    assert.equal(tooltipProps.children, 'APPROVED')
+    assert.equal(tooltipProps.title, 'test-title')
+  })
+
+  it('should render SUBMITTED properly', () => {
+    const wrapper = mount(
+      <TransactionStatus
+        statusKey="submitted"
+      />,
+      { context: { t: str => str.toUpperCase() } }
+    )
+
+    assert.ok(wrapper)
+    const tooltipProps = wrapper.find(Tooltip).props()
+    assert.equal(tooltipProps.children, 'PENDING')
+  })
+})

ui/app/components/transaction-status/transaction-status.component.js

@@ -25,7 +25,6 @@ const statusToClassNameHash = {
 }
 
 const statusToTextHash = {
-  [APPROVED_STATUS]: 'pending',
   [SUBMITTED_STATUS]: 'pending',
 }