From 7fca2241598022757f526bbf44498b4670b032d9 Mon Sep 17 00:00:00 2001 From: Vladimir Volek Date: Tue, 30 Oct 2018 17:00:42 +0100 Subject: [PATCH] better log format --- package.json | 1 + src/components/Log/index.js | 12 ++++++- yarn.lock | 69 ++++++++++++++++++++++++++++++++----- 3 files changed, 73 insertions(+), 9 deletions(-) diff --git a/package.json b/package.json index 80a26712..7dcd4df5 100644 --- a/package.json +++ b/package.json @@ -52,6 +52,7 @@ "react": "^16.4.2", "react-dom": "^16.2.0", "react-hot-loader": "^4.3.4", + "react-json-view": "^1.19.1", "react-qr-svg": "^2.1.0", "react-redux": "^5.0.7", "react-router-dom": "^4.2.2", diff --git a/src/components/Log/index.js b/src/components/Log/index.js index bfeaaa01..1b19b256 100644 --- a/src/components/Log/index.js +++ b/src/components/Log/index.js @@ -5,6 +5,7 @@ import { bindActionCreators } from 'redux'; import { connect } from 'react-redux'; import colors from 'config/colors'; import { H2 } from 'components/Heading'; +import ReactJson from 'react-json-view'; import Icon from 'components/Icon'; import P from 'components/Paragraph'; @@ -60,6 +61,13 @@ const StyledParagraph = styled(P)` margin: 10px 0; `; +const LogWrapper = styled.div` + background: white; + padding: 25px; + height: 500px; + overflow: scroll; +`; + const Log = (props: Props): ?React$Element => { if (!props.log.opened) return null; return ( @@ -69,7 +77,9 @@ const Log = (props: Props): ?React$Element => {

Log

Attention: The log contains your XPUBs. Anyone with your XPUBs can see your account history. -