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

REF: Addresses

Browse Source
This commit is contained in:
Marcos Rodriguez Velez 2024-10-22 23:39:05 -04:00
parent 47b10f759f
commit 07f916a3f8
2 changed files with 77 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
components/addresses/AddressItem.tsx
View File

@ -12,15 +12,14 @@ import { BitcoinUnit } from '../../models/bitcoinUnits';
import presentAlert from '../Alert';
import QRCodeComponent from '../QRCodeComponent';
import { useTheme } from '../themes';
import { Action } from '../types';
import { AddressTypeBadge } from './AddressTypeBadge';
import { NativeStackNavigationProp } from '@react-navigation/native-stack';
import { DetailViewStackParamList } from '../../navigation/DetailViewStackParamList';
import { useStorage } from '../../hooks/context/useStorage';
import ToolTipMenu from '../TooltipMenu';
import { CommonToolTipActions } from '../../typings/CommonToolTipActions';
interface AddressItemProps {
// todo: fix `any` after addresses.js is converted to the church of holy typescript
item: any;
balanceUnit: BitcoinUnit;
walletID: string;
@ -77,7 +76,22 @@ const AddressItem = ({ item, balanceUnit, walletID, allowSignVerifyMessage }: Ad
});
};
const menuActions = useMemo(() => getAvailableActions({ allowSignVerifyMessage }), [allowSignVerifyMessage]);
const menuActions = useMemo(
() =>
[
CommonToolTipActions.CopyTXID,
CommonToolTipActions.Share,
{
...CommonToolTipActions.SignVerify,
hidden: !allowSignVerifyMessage,
},
{
...CommonToolTipActions.ExportPrivateKey,
hidden: !allowSignVerifyMessage,
},
].filter(action => !action.hidden),
[allowSignVerifyMessage],
);
const balance = formatBalance(item.balance, balanceUnit, true);
@ -110,20 +124,19 @@ const AddressItem = ({ item, balanceUnit, walletID, allowSignVerifyMessage }: Ad
};
const onToolTipPress = async (id: string) => {
if (id === actionKeys.CopyToClipboard) {
if (id === CommonToolTipActions.CopyTXID.id) {
handleCopyPress();
} else if (id === actionKeys.Share) {
} else if (id === CommonToolTipActions.Share.id) {
handleSharePress();
} else if (id === actionKeys.SignVerify) {
} else if (id === CommonToolTipActions.SignVerify.id) {
navigateToSignVerify();
} else if (id === actionKeys.ExportPrivateKey) {
} else if (id === CommonToolTipActions.ExportPrivateKey.id) {
if (await confirm(loc.addresses.sensitive_private_key)) {
if (await isBiometricUseCapableAndEnabled()) {
if (!(await unlockWithBiometrics())) {
return;
}
}
handleCopyPrivkeyPress();
}
}
@ -133,60 +146,34 @@ const AddressItem = ({ item, balanceUnit, walletID, allowSignVerifyMessage }: Ad
return <QRCodeComponent value={item.address} isMenuAvailable={false} />;
};
const render = () => {
return (
<ToolTipMenu
title={item.address}
actions={menuActions}
onPressMenuItem={onToolTipPress}
renderPreview={renderPreview}
onPress={navigateToReceive}
isButton
>
<ListItem key={item.key} containerStyle={stylesHook.container}>
<ListItem.Content style={stylesHook.list}>
<ListItem.Title style={stylesHook.list} numberOfLines={1} ellipsizeMode="middle">
<Text style={[styles.index, stylesHook.index]}>{item.index + 1}</Text>{' '}
<Text style={[stylesHook.address, styles.address]}>{item.address}</Text>
</ListItem.Title>
<View style={styles.subtitle}>
<Text style={[stylesHook.list, styles.balance, stylesHook.balance]}>{balance}</Text>
</View>
</ListItem.Content>
<View>
<AddressTypeBadge isInternal={item.isInternal} hasTransactions={hasTransactions} />
<Text style={[stylesHook.list, styles.balance, stylesHook.balance]}>
{loc.addresses.transactions}: {item.transactions}
</Text>
return (
<ToolTipMenu
title={item.address}
actions={menuActions}
onPressMenuItem={onToolTipPress}
renderPreview={renderPreview}
onPress={navigateToReceive}
isButton
>
<ListItem key={item.key} containerStyle={stylesHook.container}>
<ListItem.Content style={stylesHook.list}>
<ListItem.Title style={stylesHook.list} numberOfLines={1} ellipsizeMode="middle">
<Text style={[styles.index, stylesHook.index]}>{item.index + 1}</Text>{' '}
<Text style={[stylesHook.address, styles.address]}>{item.address}</Text>
</ListItem.Title>
<View style={styles.subtitle}>
<Text style={[stylesHook.list, styles.balance, stylesHook.balance]}>{balance}</Text>
</View>
</ListItem>
</ToolTipMenu>
);
};
return render();
};
const actionKeys = {
Share: 'share',
CopyToClipboard: 'copyToClipboard',
SignVerify: 'signVerify',
ExportPrivateKey: 'exportPrivateKey',
};
const actionIcons = {
Signature: {
iconValue: 'signature',
},
Share: {
iconValue: 'square.and.arrow.up',
},
Clipboard: {
iconValue: 'doc.on.doc',
},
ExportPrivateKey: {
iconValue: 'key',
},
</ListItem.Content>
<View>
<AddressTypeBadge isInternal={item.isInternal} hasTransactions={hasTransactions} />
<Text style={[stylesHook.list, styles.balance, stylesHook.balance]}>
{loc.addresses.transactions}: {item.transactions}
</Text>
</View>
</ListItem>
</ToolTipMenu>
);
};
const styles = StyleSheet.create({
@ -209,37 +196,4 @@ const styles = StyleSheet.create({
},
});
const getAvailableActions = ({ allowSignVerifyMessage }: { allowSignVerifyMessage: boolean }): Action[] => {
const actions = [
{
id: actionKeys.CopyToClipboard,
text: loc.transactions.details_copy,
icon: actionIcons.Clipboard,
},
{
id: actionKeys.Share,
text: loc.receive.details_share,
icon: actionIcons.Share,
},
];
if (allowSignVerifyMessage) {
actions.push({
id: actionKeys.SignVerify,
text: loc.addresses.sign_title,
icon: actionIcons.Signature,
});
}
if (allowSignVerifyMessage) {
actions.push({
id: actionKeys.ExportPrivateKey,
text: loc.addresses.copy_private_key,
icon: actionIcons.ExportPrivateKey,
});
}
return actions;
};
export { AddressItem };

31
typings/CommonToolTipActions.ts
View File

@ -37,6 +37,10 @@ const keys = {
ImportTransactionQR: 'import_transaction_qr',
CoinControl: 'coin_control',
CoSignTransaction: 'co_sign_transaction',
CopyToClipboard: 'copyToClipboard',
Share: 'share',
SignVerify: 'signVerify',
ExportPrivateKey: 'exportPrivateKey',
};
const icons: { [key: string]: { iconValue: string } } = {
@ -62,14 +66,17 @@ const icons: { [key: string]: { iconValue: string } } = {
ImportTransactionQR: { iconValue: 'qrcode.viewfinder' },
CoinControl: { iconValue: 'switch.2' },
CoSignTransaction: { iconValue: 'signature' },
PaymentCode: { iconValue: 'qrcode' },
PaymentCode: { iconValue: 'qrcode.viewfinder' },
RemoveAllRecipients: { iconValue: 'person.2.slash' },
AddRecipient: { iconValue: 'person.badge.plus' },
RemoveRecipient: { iconValue: 'person.badge.minus' },
ScanQR: { iconValue: Platform.OS === 'ios' ? 'qrcode' : 'ic_menu_camera' },
ScanQR: { iconValue: Platform.OS === 'ios' ? 'qrcode.viewfinder' : 'ic_menu_camera' },
ImportFile: { iconValue: 'doc' },
ChoosePhoto: { iconValue: Platform.OS === 'ios' ? 'photo' : 'ic_menu_gallery' },
Clipboard: { iconValue: Platform.OS === 'ios' ? 'doc.on.doc' : 'ic_menu_file' },
ExportPrivateKey: { iconValue: 'key' },
Share: { iconValue: 'square.and.arrow.up' },
Signature: { iconValue: 'signature' },
};
export const CommonToolTipActions: { [key: string]: Action } = {
@ -259,4 +266,24 @@ export const CommonToolTipActions: { [key: string]: Action } = {
icon: icons.CoinControl,
hidden: false,
},
CopyToClipboard: {
id: keys.CopyToClipboard,
text: loc.transactions.details_copy,
icon: icons.Clipboard,
},
Share: {
id: keys.Share,
text: loc.receive.details_share,
icon: icons.Share,
},
SignVerify: {
id: keys.SignVerify,
text: loc.addresses.sign_title,
icon: icons.Signature,
},
ExportPrivateKey: {
id: keys.ExportPrivateKey,
text: loc.addresses.copy_private_key,
icon: icons.ExportPrivateKey,
},
};