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

@@ -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>

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>

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';