diff --git a/src/Settings/index.tsx b/src/Settings/index.tsx index 62196d4..13617d0 100644 --- a/src/Settings/index.tsx +++ b/src/Settings/index.tsx @@ -1,5 +1,5 @@ import * as React from 'react'; -import { connect } from 'react-redux'; +import { connect, useSelector } from 'react-redux'; import { History } from 'history'; import Select from '@material-ui/core/Select'; @@ -12,6 +12,26 @@ import { setSettings } from '../store/actions'; import Container from '../widgets/Container'; import AppBarOverride from '../widgets/AppBarOverride'; +import PrettyFingerprint from '../widgets/PrettyFingerprint'; + +function SecurityFingerprint() { + const userInfo = useSelector((state: StoreState) => state.cache.userInfo); + + if (!userInfo) { + return

Security fingerprint error.

; + } + + const publicKey = userInfo.publicKey; + + return ( + <> +

+ Your security fingerprint is: +

+ + + ); +} interface PropsType { history: History; @@ -34,6 +54,8 @@ class Settings extends React.PureComponent { <> +

Security Fingerprint

+

Date & Time