Page MenuHomePhabricator
Differential D19604 Diff 58919 cashtab/src/components/Common/CustomIcons.tsx

Changeset View

Standalone View

View Options

cashtab/src/components/Common/CustomIcons.tsx

// Copyright (c) 2024-2025 The Bitcoin developers // Copyright (c) 2024-2025 The Bitcoin developers
// Distributed under the MIT software license, see the accompanying // Distributed under the MIT software license, see the accompanying
// file COPYING or http://www.opensource.org/licenses/mit-license.php. // file COPYING or http://www.opensource.org/licenses/mit-license.php.
import * as React from 'react'; import * as React from 'react';
import styled from 'styled-components'; import styled from 'styled-components';
import PayButton from 'assets/paybutton.webp'; import PayButton from 'assets/paybutton.webp';
import XecxSrc from 'assets/xecx-logomark.png'; import XecxSrc from 'assets/xecx-logomark.png';
import SolSrc from 'assets/solanaLogoMark.png'; import SolSrc from 'assets/solanaLogoMark.png';
import TetherSrc from 'assets/tether.png'; import TetherSrc from 'assets/tether.png';
import FirmaSrc from 'assets/firma-icon.png'; import FirmaSrc from 'assets/firma-icon.png';
import { ReactComponent as QRCode } from 'assets/qrcode.svg'; import { ReactComponent as QRCode } from 'assets/qrcode.svg';
import { ReactComponent as Send } from 'assets/send.svg'; import { ReactComponent as Send } from 'assets/send.svg';
import { ReactComponent as CopyPaste } from 'assets/copypaste.svg'; import { ReactComponent as CopyPaste } from 'assets/copy.svg';
import { ReactComponent as AddContact } from 'assets/addcontact.svg'; import { ReactComponent as AddContact } from 'assets/addcontact.svg';
import { ReactComponent as Unknown } from 'assets/unknown.svg'; import { ReactComponent as Unknown } from 'assets/unknown.svg';
import { ReactComponent as Reply } from 'assets/reply.svg'; import { ReactComponent as Reply } from 'assets/reply.svg';
import { ReactComponent as Mint } from 'assets/mint.svg'; import { ReactComponent as Mint } from 'assets/mint.svg';
import { ReactComponent as CashtabMsg } from 'assets/cashtab-msg.svg'; import { ReactComponent as CashtabMsg } from 'assets/cashtab-msg.svg';
import { ReactComponent as Chat } from 'assets/chat.svg'; import { ReactComponent as Chat } from 'assets/chat.svg';
import { ReactComponent as Mined } from 'assets/pickaxe.svg'; import { ReactComponent as Mined } from 'assets/pickaxe.svg';
import { ReactComponent as CashtabEncrypted } from 'assets/cashtab-encrypted.svg'; import { ReactComponent as CashtabEncrypted } from 'assets/cashtab-encrypted.svg';
▲ Show 20 Lines • Show All 78 Lines • ▼ Show 20 Lines
// The :not(#F) is so the F in the Facebook logo is not filled on hover // The :not(#F) is so the F in the Facebook logo is not filled on hover
export const SocialLink = styled.a` export const SocialLink = styled.a`
width: 100%; width: 100%;
height: 100%; height: 100%;
@media (hover: hover) { @media (hover: hover) {
:hover { :hover {
svg { svg {
fill: ${props => props.theme.secondaryAccent}; fill: ${props => props.theme.accent};
path:not(#F) { path:not(#F) {
fill: ${props => props.theme.secondaryAccent}; fill: ${props => props.theme.accent};
} }
} }
} }
} }
`; `;
export const ThemedXIcon = styled(XLogo)` export const ThemedXIcon = styled(XLogo)`
height: 42px; height: 42px;
width: 100%; width: 100%;
▲ Show 20 Lines • Show All 158 Lines • Show Last 20 Lines