From 39e63432bf926ff0fc9dde722431822ca016c64b Mon Sep 17 00:00:00 2001
From: George Marshall <george.marshall@consensys.net>
Date: Wed, 23 Mar 2022 13:35:52 -0700
Subject: [PATCH] Dark mode: icon transaction confirmed (#14130)

* Dark mode transaction confirmed replacing check icon

* Updating story path

Co-authored-by: David Walsh <davidwalsh83@gmail.com>
---
 app/images/check-icon.svg                             |  6 ------
 .../transaction-confirmed.component.js                |  5 ++++-
 .../transaction-confirmed.stories.js                  | 11 +++++++++++
 3 files changed, 15 insertions(+), 7 deletions(-)
 delete mode 100644 app/images/check-icon.svg
 create mode 100644 ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js

diff --git a/app/images/check-icon.svg b/app/images/check-icon.svg
deleted file mode 100644
index ebd8ee11f..000000000
--- a/app/images/check-icon.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-<svg height="100" width="100" xmlns="http://www.w3.org/2000/svg">
-    <g fill="none" fill-rule="evenodd" stroke="#61ba00" stroke-width="4" transform="translate(2 2)">
-        <circle cx="48" cy="48" r="48"/>
-        <path d="M29.76 52.8l11.242 11.52L71.04 34.56" stroke-linecap="round"/>
-    </g>
-</svg>
diff --git a/ui/components/app/modals/transaction-confirmed/transaction-confirmed.component.js b/ui/components/app/modals/transaction-confirmed/transaction-confirmed.component.js
index 570867df2..84ede9dbb 100644
--- a/ui/components/app/modals/transaction-confirmed/transaction-confirmed.component.js
+++ b/ui/components/app/modals/transaction-confirmed/transaction-confirmed.component.js
@@ -28,7 +28,10 @@ export default class TransactionConfirmed extends PureComponent {
     return (
       <Modal onSubmit={this.handleSubmit} submitText={t('ok')}>
         <div className="transaction-confirmed__content">
-          <img src="images/check-icon.svg" alt="" />
+          <i
+            className="fa fa-check-circle fa-3x"
+            style={{ color: 'var(--color-success-default)' }}
+          />
           <div className="transaction-confirmed__title">
             {`${t('confirmed')}!`}
           </div>
diff --git a/ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js b/ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
new file mode 100644
index 000000000..1be314295
--- /dev/null
+++ b/ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js
@@ -0,0 +1,11 @@
+import React from 'react';
+import TransactionConfirmed from '.';
+
+export default {
+  title: 'Components/App/Modals/TransactionConfirmed',
+  id: __filename,
+};
+
+export const DefaultStory = () => <TransactionConfirmed />;
+
+DefaultStory.storyName = 'Default';