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: +
+