1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-12 04:37:13 +01:00
metamask-extension/ui/components/app/qr-hardware-popover/qr-hardware-wallet-importer/qr-hardware-wallet-importer.component.js
Aaron Chen a931316a53
Introduce QR based signer into MetaMask (#12065)
* support qr based signer

* add CSP for fire fox

* get QR Hardware wallet name from device

* fix qrHardware state missing in runtime

* support qr based signer sign transaction

* refine Request Signature modal ui

* remove feature toggle

* refine ui

* fix notification is closing even there is a pending qr hardware transaction

* add chinese translation, refine ui, fix qr process was breaking in some case

* support import accounts by pubkeys

* refine qr-based wallet ui and fix bugs

* update @keystonehq/metamask-airgapped-keyring to fix that the signing hd path was inconsistent in some edge case

* fix: avoid unnecessay navigation, fix ci

* refactor qr-hardware-popover with @zxing/browser

* update lavamoat policy, remove firefox CSP

* refine qr reader ui, ignore unnecessary warning display

* code refactor, use async functions insteads promise

Co-authored-by: Soralit <soralitria@gmail.com>
2021-11-23 13:58:39 -03:30

38 lines
1.1 KiB
JavaScript

import React from 'react';
import PropTypes from 'prop-types';
import {
submitQRHardwareCryptoAccount,
submitQRHardwareCryptoHDKey,
} from '../../../../store/actions';
import BaseReader from '../base-reader';
import { useI18nContext } from '../../../../hooks/useI18nContext';
const QRHardwareWalletImporter = ({ handleCancel, setErrorTitle }) => {
const t = useI18nContext();
const handleSuccess = async (ur) => {
if (ur.type === 'crypto-hdkey') {
return await submitQRHardwareCryptoHDKey(ur.cbor.toString('hex'));
} else if (ur.type === 'crypto-account') {
return await submitQRHardwareCryptoAccount(ur.cbor.toString('hex'));
}
setErrorTitle(t('QRHardwareUnknownQRCodeTitle'));
throw new Error(t('unknownQrCode'));
};
return (
<BaseReader
isReadingWallet
handleCancel={handleCancel}
handleSuccess={handleSuccess}
setErrorTitle={setErrorTitle}
/>
);
};
QRHardwareWalletImporter.propTypes = {
handleCancel: PropTypes.func.isRequired,
setErrorTitle: PropTypes.func.isRequired,
};
export default QRHardwareWalletImporter;