Contents

import React from 'react';
import JSONTree from 'react-json-tree';
import PropTypes from 'prop-types';

const theme = {
  scheme: 'foreman',
  backgroundColor: 'rgba(0, 0, 0, 255)',
  base00: 'rgba(0, 0, 0, 0)',
};

const ReportJsonViewer = ({ data }) => (
  <div className="report-json-viewer">
    <JSONTree data={this.props.data} hideRoot theme={theme} />
  </div>
);

ReportJsonViewer.propTypes = {
  data: PropTypes.object.isRequired,
};

export default ReportJsonViewer;

Version data entries

28 entries across 28 versions & 1 rubygems

Version	Path
foreman_ansible-3.0.5	webpack/components/ReportJsonViewer.js
foreman_ansible-3.0.4	webpack/components/ReportJsonViewer.js
foreman_ansible-3.0.3	webpack/components/ReportJsonViewer.js
foreman_ansible-2.3.4	webpack/components/ReportJsonViewer.js
foreman_ansible-3.0.2	webpack/components/ReportJsonViewer.js
foreman_ansible-3.0.1	webpack/components/ReportJsonViewer.js
foreman_ansible-3.0.0	webpack/components/ReportJsonViewer.js
foreman_ansible-2.3.3	webpack/components/ReportJsonViewer.js