Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/QRCode.js
import React, { useState } from 'react'; | import React, { useState } from 'react'; | ||||
import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
import RawQRCode from 'qrcode.react'; | import RawQRCode from 'qrcode.react'; | ||||
import { currency } from '@components/Common/Ticker.js'; | import { currency } from 'components/Common/Ticker.js'; | ||||
import { CopyToClipboard } from 'react-copy-to-clipboard'; | import { CopyToClipboard } from 'react-copy-to-clipboard'; | ||||
import { Event } from '@utils/GoogleAnalytics'; | import { Event } from 'utils/GoogleAnalytics'; | ||||
import { convertToEcashPrefix } from '@utils/cashMethods'; | import { convertToEcashPrefix } from 'utils/cashMethods'; | ||||
export const StyledRawQRCode = styled(RawQRCode)` | export const StyledRawQRCode = styled(RawQRCode)` | ||||
cursor: pointer; | cursor: pointer; | ||||
border-radius: 10px; | border-radius: 10px; | ||||
background: ${props => props.theme.qr.background}; | background: ${props => props.theme.qr.background}; | ||||
margin-bottom: 10px; | margin-bottom: 10px; | ||||
path:first-child { | path:first-child { | ||||
fill: ${props => props.theme.qr.background}; | fill: ${props => props.theme.qr.background}; | ||||
▲ Show 20 Lines • Show All 229 Lines • Show Last 20 Lines |