mirrors/BlueWallet
1
0
Fork 0
mirror of https://github.com/BlueWallet/BlueWallet.git synced 2024-11-19 09:50:15 +01:00
Code Issues Packages Projects Releases Wiki Activity

ADD: Copy QRCode to Clipboard

Browse Source
This commit is contained in:
Marcos Rodriguez Vélez 2021-10-08 12:58:48 -04:00
parent 8eb2f8e19b
commit 02aa691f66
No known key found for this signature in database
GPG Key ID: 0D64671698D11C5C
1 changed files with 33 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
components/QRCodeComponent.js
View File

@ -1,11 +1,12 @@
import React, { useRef } from 'react';
import { View, StyleSheet } from 'react-native';
import { View, StyleSheet, Platform } from 'react-native';
import QRCode from 'react-native-qrcode-svg';
import { useTheme } from './themes';
import ToolTipMenu from './TooltipMenu';
import Share from 'react-native-share';
import loc from '../loc';
import PropTypes from 'prop-types';
import Clipboard from '@react-native-clipboard/clipboard';
const QRCodeComponent = ({
value,
@ -28,6 +29,31 @@ const QRCodeComponent = ({
});
};
const onPressMenuItem = id => {
if (id === QRCodeComponent.actionKeys.Share) {
handleShareQRCode();
} else if (id === QRCodeComponent.actionKeys.Copy) {
qrCode.current.toDataURL(Clipboard.setImage);
}
};
const menuActions = () => {
const actions = [];
if (Platform.OS === 'ios' || Platform.OS === 'macos') {
actions.push({
id: QRCodeComponent.actionKeys.Copy,
text: loc.transactions.details_copy,
icon: QRCodeComponent.actionIcons.Copy,
});
}
actions.push({
id: QRCodeComponent.actionKeys.Share,
text: loc.receive.details_share,
icon: QRCodeComponent.actionIcons.Share,
});
return actions;
};
const renderQRCode = (
<QRCode
value={value}
@ -46,16 +72,7 @@ const QRCodeComponent = ({
return (
<View style={styles.qrCodeContainer} testID="BitcoinAddressQRCodeContainer">
{isMenuAvailable ? (
<ToolTipMenu
actions={[
{
id: QRCodeComponent.actionKeys.Share,
text: loc.receive.details_share,
icon: QRCodeComponent.actionIcons.Share,
},
]}
onPress={handleShareQRCode}
>
<ToolTipMenu actions={menuActions()} onPressMenuItem={onPressMenuItem}>
{renderQRCode}
</ToolTipMenu>
) : (
@ -73,6 +90,7 @@ const styles = StyleSheet.create({
QRCodeComponent.actionKeys = {
Share: 'share',
Copy: 'copy',
};
QRCodeComponent.actionIcons = {
@ -80,6 +98,10 @@ QRCodeComponent.actionIcons = {
iconType: 'SYSTEM',
iconValue: 'square.and.arrow.up',
},
Copy: {
iconType: 'SYSTEM',
iconValue: 'doc.on.doc',
},
};
QRCodeComponent.propTypes = {