Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/CustomIcons.js
| Show All 24 Lines | |||||
| import { ReactComponent as Pdf } from 'assets/file-pdf.svg'; | import { ReactComponent as Pdf } from 'assets/file-pdf.svg'; | ||||
| import { ReactComponent as Plus } from 'assets/plus.svg'; | import { ReactComponent as Plus } from 'assets/plus.svg'; | ||||
| import { ReactComponent as Download } from 'assets/download.svg'; | import { ReactComponent as Download } from 'assets/download.svg'; | ||||
| import { ReactComponent as Edit } from 'assets/edit.svg'; | import { ReactComponent as Edit } from 'assets/edit.svg'; | ||||
| import { ReactComponent as Trashcan } from 'assets/trashcan.svg'; | import { ReactComponent as Trashcan } from 'assets/trashcan.svg'; | ||||
| import { ReactComponent as FingerprintSVG } from 'assets/fingerprint-solid.svg'; | import { ReactComponent as FingerprintSVG } from 'assets/fingerprint-solid.svg'; | ||||
| import { ReactComponent as EyeSVG } from 'assets/eye.svg'; | import { ReactComponent as EyeSVG } from 'assets/eye.svg'; | ||||
| import { ReactComponent as EyeInvisibleSVG } from 'assets/eye-invisible.svg'; | import { ReactComponent as EyeInvisibleSVG } from 'assets/eye-invisible.svg'; | ||||
| import { ReactComponent as Audit } from 'assets/audit.svg'; | |||||
| export const CashLoadingIcon = <LoadingOutlined className="cashLoadingIcon" />; | export const CashLoadingIcon = <LoadingOutlined className="cashLoadingIcon" />; | ||||
| export const CashReceivedNotificationIcon = () => ( | export const CashReceivedNotificationIcon = () => ( | ||||
| <Image height={'33px'} width={'30px'} src={currency.logo} preview={false} /> | <Image height={'33px'} width={'30px'} src={currency.logo} preview={false} /> | ||||
| ); | ); | ||||
| export const TokenReceivedNotificationIcon = () => ( | export const TokenReceivedNotificationIcon = () => ( | ||||
| <Image | <Image | ||||
| ▲ Show 20 Lines • Show All 106 Lines • ▼ Show 20 Lines | |||||
| `; | `; | ||||
| export const ThemedInvisibleEyeSVG = styled(EyeInvisibleSVG)` | export const ThemedInvisibleEyeSVG = styled(EyeInvisibleSVG)` | ||||
| fill: ${props => props.theme.buttons.primary.color}; | fill: ${props => props.theme.buttons.primary.color}; | ||||
| width: 15px; | width: 15px; | ||||
| height: 15px; | height: 15px; | ||||
| cursor: pointer; | cursor: pointer; | ||||
| `; | `; | ||||
| export const ThemedSignAndVerifyMsg = styled(Audit)` | |||||
| min-width: 24px; | |||||
| `; | |||||
| export const LoadingBlock = styled.div` | export const LoadingBlock = styled.div` | ||||
| width: 100%; | width: 100%; | ||||
| display: flex; | display: flex; | ||||
| align-items: center; | align-items: center; | ||||
| justify-content: center; | justify-content: center; | ||||
| padding: 24px; | padding: 24px; | ||||
| flex-direction: column; | flex-direction: column; | ||||
| svg { | svg { | ||||
| Show All 24 Lines | |||||