m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
Code

Dark mode: icon transaction confirmed (#14130)

Browse Source 
* Dark mode transaction confirmed replacing check icon

* Updating story path

Co-authored-by: David Walsh <davidwalsh83@gmail.com>
This commit is contained in:
George Marshall 2022-03-23 13:35:52 -07:00 committed by GitHub
parent 1b9243cd7e
commit 39e63432bf
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
app/images/check-icon.svg
View File

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

Before

Width:  |  Height:  |  Size: 304 B

5
ui/components/app/modals/transaction-confirmed/transaction-confirmed.component.js
View File

@ -28,7 +28,10 @@ export default class TransactionConfirmed extends PureComponent {
return ( return (
<Modal onSubmit={this.handleSubmit} submitText={t('ok')}> <Modal onSubmit={this.handleSubmit} submitText={t('ok')}>
<div className="transaction-confirmed__content"> <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"> <div className="transaction-confirmed__title">
{`${t('confirmed')}!`} {`${t('confirmed')}!`}
</div> </div>

11
ui/components/app/modals/transaction-confirmed/transaction-confirmed.stories.js Normal file
View File

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