Changeset View
Changeset View
Standalone View
Standalone View
web/cashtab/src/components/Common/ScanQRCode.js
import React, { useState } from 'react'; | import React, { useState } from 'react'; | ||||
import { Alert, Modal } from 'antd'; | import { Alert, Modal } from 'antd'; | ||||
import { QrcodeOutlined } from '@ant-design/icons'; | import { ThemedQrcodeOutlined } from '@components/Common/CustomIcons'; | ||||
import styled from 'styled-components'; | import styled from 'styled-components'; | ||||
import { BrowserQRCodeReader } from '@zxing/library'; | import { BrowserQRCodeReader } from '@zxing/library'; | ||||
import { | import { | ||||
currency, | currency, | ||||
isValidCashPrefix, | isValidCashPrefix, | ||||
isValidTokenPrefix, | isValidTokenPrefix, | ||||
} from '@components/Common/Ticker.js'; | } from '@components/Common/Ticker.js'; | ||||
import { Event } from '@utils/GoogleAnalytics'; | import { Event } from '@utils/GoogleAnalytics'; | ||||
▲ Show 20 Lines • Show All 118 Lines • ▼ Show 20 Lines | export const ScanQRCode = ({ | ||||
}, [visible]); | }, [visible]); | ||||
return ( | return ( | ||||
<> | <> | ||||
<StyledScanQRCode | <StyledScanQRCode | ||||
{...otherProps} | {...otherProps} | ||||
onClick={() => setVisible(!visible)} | onClick={() => setVisible(!visible)} | ||||
> | > | ||||
<QrcodeOutlined /> | <ThemedQrcodeOutlined /> | ||||
</StyledScanQRCode> | </StyledScanQRCode> | ||||
<StyledModal | <StyledModal | ||||
title="Scan QR code" | title="Scan QR code" | ||||
visible={visible} | visible={visible} | ||||
onCancel={() => setVisible(false)} | onCancel={() => setVisible(false)} | ||||
footer={null} | footer={null} | ||||
> | > | ||||
{visible ? ( | {visible ? ( | ||||
Show All 24 Lines |