102 lines
3.1 KiB
TypeScript
102 lines
3.1 KiB
TypeScript
|
import React, { useState } from 'react';
|
||
|
|
import { TouchableOpacity, View } from 'react-native';
|
||
|
|
import { Button, Typography } from '@mui/material';
|
||
|
|
import Dialog from '@mui/material/Dialog';
|
||
|
|
import DialogTitle from '@mui/material/DialogTitle';
|
||
|
|
import DialogContent from '@mui/material/DialogContent';
|
||
|
|
import DialogActions from '@mui/material/DialogActions';
|
||
|
|
|
||
|
|
import styles from '../styles/stylesheet';
|
||
|
|
import { getPathKey } from '../utils/misc';
|
||
|
|
import { useNetworks } from '../context/NetworksContext';
|
||
|
|
import { useAccounts } from '../context/AccountsContext';
|
||
|
|
import { Text, useTheme } from 'react-native-paper';
|
||
|
|
|
||
|
|
const ShowPKDialog = () => {
|
||
|
|
const { currentIndex } = useAccounts();
|
||
|
|
const { selectedNetwork } = useNetworks();
|
||
|
|
|
||
|
|
const [privateKey, setPrivateKey] = useState<string>();
|
||
|
|
const [showPKDialog, setShowPKDialog] = useState<boolean>(false);
|
||
|
|
|
||
|
|
const theme = useTheme();
|
||
|
|
|
||
|
|
const handleShowPrivateKey = async () => {
|
||
|
|
const pathKey = await getPathKey(
|
||
|
|
`${selectedNetwork!.namespace}:${selectedNetwork!.chainId}`,
|
||
|
|
currentIndex,
|
||
|
|
);
|
||
|
|
|
||
|
|
setPrivateKey(pathKey.privKey);
|
||
|
|
};
|
||
|
|
|
||
|
|
const hideShowPKDialog = () => {
|
||
|
|
setShowPKDialog(false);
|
||
|
|
setPrivateKey(undefined);
|
||
|
|
};
|
||
|
|
|
||
|
|
return (
|
||
|
|
<>
|
||
|
|
<View style={styles.signLink}>
|
||
|
|
<TouchableOpacity
|
||
|
|
onPress={() => {
|
||
|
|
setShowPKDialog(true);
|
||
|
|
}}>
|
||
|
|
<Text
|
||
|
|
variant="titleSmall"
|
||
|
|
style={[styles.hyperlink, { color: theme.colors.primary }]}>
|
||
|
|
Show Private Key
|
||
|
|
</Text>
|
||
|
|
</TouchableOpacity>
|
||
|
|
</View>
|
||
|
|
<View>
|
||
|
|
<Dialog open={showPKDialog} onClose={hideShowPKDialog}>
|
||
|
|
<DialogTitle>
|
||
|
|
{!privateKey ? (
|
||
|
|
<Typography>Show Private Key?</Typography>
|
||
|
|
) : (
|
||
|
|
<Typography>Private Key</Typography>
|
||
|
|
)}
|
||
|
|
</DialogTitle>
|
||
|
|
<DialogContent>
|
||
|
|
{privateKey && (
|
||
|
|
<View style={[styles.dataBox, styles.dataBoxContainer]}>
|
||
|
|
<Typography
|
||
|
|
component="pre"
|
||
|
|
variant="body1"
|
||
|
|
style={styles.dataBoxData}
|
||
|
|
>
|
||
|
|
{privateKey}
|
||
|
|
</Typography>
|
||
|
|
</View>
|
||
|
|
)}
|
||
|
|
<View>
|
||
|
|
<Typography variant="body1" style={styles.dialogWarning}>
|
||
|
|
<Typography component="span">
|
||
|
|
Warning:
|
||
|
|
</Typography>
|
||
|
|
Never disclose this key. Anyone with your private keys can
|
||
|
|
steal any assets held in your account.
|
||
|
|
</Typography>
|
||
|
|
</View>
|
||
|
|
</DialogContent>
|
||
|
|
<DialogActions>
|
||
|
|
{!privateKey ? (
|
||
|
|
<>
|
||
|
|
<Button onClick={handleShowPrivateKey} color="error">
|
||
|
|
Yes
|
||
|
|
</Button>
|
||
|
|
<Button onClick={hideShowPKDialog}>No</Button>
|
||
|
|
</>
|
||
|
|
) : (
|
||
|
|
<Button onClick={hideShowPKDialog}>Ok</Button>
|
||
|
|
)}
|
||
|
|
</DialogActions>
|
||
|
|
</Dialog>
|
||
|
|
</View>
|
||
|
|
</>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
|
||
|
|
export default ShowPKDialog;
|