Differential D12872 Diff 37239 web/cashtab/src/components/Common/CustomIcons.js

Changeset View

Standalone View

web/cashtab/src/components/Common/CustomIcons.js

Show All 26 Lines
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';		import { ReactComponent as Audit } from 'assets/audit.svg';
import { ReactComponent as Mail } from 'assets/mail.svg';		import { ReactComponent as Mail } from 'assets/mail.svg';
		import { ReactComponent as User } from 'assets/user.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
src={currency.tokenLogo}		src={currency.tokenLogo}
▲ Show 20 Lines • Show All 116 Lines • ▼ Show 20 Lines	export const ThemedInvisibleEyeSVG = styled(EyeInvisibleSVG)`
height: 15px;		height: 15px;
cursor: pointer;		cursor: pointer;
`;		`;

export const ThemedSignAndVerifyMsg = styled(Audit)`		export const ThemedSignAndVerifyMsg = styled(Audit)`
min-width: 24px;		min-width: 24px;
`;		`;

		export const ThemedUserProfileIcon = styled(User)`
		height: 33px;
		width: 30px;
		`;

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