Page MenuHomePhabricator
Differential D10758 Diff 32905 web/cashtab/src/components/Common/CustomIcons.js

Changeset View

Standalone View

View Options

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

Show All 13 Lines
import { ReactComponent as Send } from '@assets/send.svg'; import { ReactComponent as Send } from '@assets/send.svg';
import { ReactComponent as Receive } from '@assets/receive.svg'; import { ReactComponent as Receive } from '@assets/receive.svg';
import { ReactComponent as Genesis } from '@assets/flask.svg'; import { ReactComponent as Genesis } from '@assets/flask.svg';
import { ReactComponent as Unparsed } from '@assets/alert-circle.svg'; import { ReactComponent as Unparsed } from '@assets/alert-circle.svg';
import { ReactComponent as Home } from '@assets/home.svg'; import { ReactComponent as Home } from '@assets/home.svg';
import { ReactComponent as Settings } from '@assets/cog.svg'; import { ReactComponent as Settings } from '@assets/cog.svg';
import { ReactComponent as CopySolid } from '@assets/copy.svg'; import { ReactComponent as CopySolid } from '@assets/copy.svg';
import { ReactComponent as LinkSolid } from '@assets/external-link-square-alt.svg'; import { ReactComponent as LinkSolid } from '@assets/external-link-square-alt.svg';
import { ReactComponent as Airdrop } from '@assets/airdrop-icon.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 65 Lines • ▼ Show 20 Linesexport const CashLoader = () => (
</LoadingBlock> </LoadingBlock>
); );
export const ReceiveIcon = () => <Receive />; export const ReceiveIcon = () => <Receive />;
export const GenesisIcon = () => <Genesis />; export const GenesisIcon = () => <Genesis />;
export const UnparsedIcon = () => <Unparsed />; export const UnparsedIcon = () => <Unparsed />;
export const HomeIcon = () => <Home />; export const HomeIcon = () => <Home />;
export const SettingsIcon = () => <Settings />; export const SettingsIcon = () => <Settings />;
export const AirdropIcon = () => <Airdrop height={'33px'} width={'30px'} />;
export const SendIcon = styled(Send)` export const SendIcon = styled(Send)`
transform: rotate(-35deg); transform: rotate(-35deg);
`; `;
export const CustomSpinner = <LoadingOutlined style={{ fontSize: 24 }} spin />;