Fingerprint: add security fingerprint to settings page

I was initially trying to add it to the side menu. For a reason I just
can't understand the dialog wouldn't show from there, and I
unfortunately don't have time to debug it at the moment. Here it just
works as is "good enough" for now.
master
Tom Hacohen 5 years ago
parent fe42a3c2ed
commit 67c5275fa8

@ -1,5 +1,5 @@
import * as React from 'react'; import * as React from 'react';
import { connect } from 'react-redux'; import { connect, useSelector } from 'react-redux';
import { History } from 'history'; import { History } from 'history';
import Select from '@material-ui/core/Select'; import Select from '@material-ui/core/Select';
@ -12,6 +12,26 @@ import { setSettings } from '../store/actions';
import Container from '../widgets/Container'; import Container from '../widgets/Container';
import AppBarOverride from '../widgets/AppBarOverride'; import AppBarOverride from '../widgets/AppBarOverride';
import PrettyFingerprint from '../widgets/PrettyFingerprint';
function SecurityFingerprint() {
const userInfo = useSelector((state: StoreState) => state.cache.userInfo);
if (!userInfo) {
return <p>Security fingerprint error.</p>;
}
const publicKey = userInfo.publicKey;
return (
<>
<p>
Your security fingerprint is:
</p>
<PrettyFingerprint publicKey={publicKey} />
</>
);
}
interface PropsType { interface PropsType {
history: History; history: History;
@ -34,6 +54,8 @@ class Settings extends React.PureComponent<PropsTypeInner> {
<> <>
<AppBarOverride title="Settings" /> <AppBarOverride title="Settings" />
<Container> <Container>
<h1>Security Fingerprint</h1>
<SecurityFingerprint />
<h1>Date & Time</h1> <h1>Date & Time</h1>
<FormControl style={{ width: '15em' }}> <FormControl style={{ width: '15em' }}>
<InputLabel> <InputLabel>

Loading…
Cancel
Save