diff --git a/package.json b/package.json index 542c154..0126583 100644 --- a/package.json +++ b/package.json @@ -36,6 +36,7 @@ "@types/react-tap-event-plugin": "^0.0.30", "@types/redux": "^3.6.0", "@types/whatwg-fetch": "^0.0.33", + "@types/react-json-pretty":"^1.3.2", "awesome-typescript-loader": "^3.1.3", "check-dependencies": "^1.0.1", "copy-webpack-plugin": "^4.0.1", @@ -68,7 +69,8 @@ "webpack-dev-server": "^2.5.0", "webpack-merge": "^4.1.0", "webpack-visualizer-plugin": "^0.1.11", - "@types/recharts":"^0.22.5" + "@types/recharts":"^0.22.5", + "react-json-pretty":"^1.0.0" }, "dependencies": { "auth0-lock": "^10.18.0", diff --git a/src/ts/@overflow/noauthprobe/react/components/NoauthProbeList.tsx b/src/ts/@overflow/noauthprobe/react/components/NoauthProbeList.tsx index a6ad781..9fd0a72 100644 --- a/src/ts/@overflow/noauthprobe/react/components/NoauthProbeList.tsx +++ b/src/ts/@overflow/noauthprobe/react/components/NoauthProbeList.tsx @@ -13,6 +13,8 @@ import NoAuthProbe from '@overflow/noauthprobe/api/model/NoAuthProbe'; import Domain from '@overflow/domain/api/model/Domain'; import { ListContainer } from '@overflow/commons/react/component/ListContainer'; import * as Utils from '@overflow/commons/util/Utils'; +import * as JSONPretty from 'react-json-pretty'; + export interface StateProps { noauthList?: NoAuthProbe[]; } @@ -140,9 +142,10 @@ export class NoauthProbeList extends React.Component { No. - Host IP + {/*Host IP Host Mac - Host Name + Host Name*/} + Description Created At API Key @@ -205,11 +208,11 @@ export class NoauthProbeList extends React.Component { this.props.noauthList.map((probe: NoAuthProbe, index: number) => { - let map: any = JSON.parse(probe.description); + // let map: any = JSON.parse(probe.description); - let addressArray: string[] = map.network.address.split('|', 2); - let ipv4: string = addressArray[0]; - let ipv6: string = addressArray[1]; + // let addressArray: string[] = map.network.address.split('|', 2); + // let ipv4: string = addressArray[0]; + // let ipv6: string = addressArray[1]; elem.push( @@ -217,9 +220,10 @@ export class NoauthProbeList extends React.Component { {index + 1} - ipv4 - {ipv4}
ipv6 - {ipv6}
+ {/*ipv4 - {ipv4}
ipv6 - {ipv6}
{map.network.macAddress} - {map.host.name} + {map.host.name}*/} + {Utils.date2date(probe.createDate)} {probe.apiKey}
,