{"size": 508, "ext": "js", "max_stars_repo_path": "src/chrome/capture.js", "max_stars_repo_name": "AshreneRoy/blackboard", "max_stars_repo_stars_event_min_datetime": "2021-06-30T14:10:20.000Z", "max_stars_repo_stars_event_max_datetime": "2021-12-14T07:25:30.000Z", "max_issues_repo_path": "src/chrome/capture.js", "max_issues_repo_name": "AshreneRoy/blackboard", "max_issues_repo_issues_event_min_datetime": "2021-06-30T12:19:10.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-27T15:39:29.000Z", "max_forks_repo_path": "src/chrome/capture.js", "max_forks_repo_name": "AshreneRoy/blackboard", "max_forks_repo_forks_event_min_datetime": "2021-07-29T05:35:42.000Z", "max_forks_repo_forks_event_max_datetime": "2021-07-29T05:35:42.000Z"}
{"max_stars_count": 6, "max_issues_count": 3, "max_forks_count": 1, "avg_line_length": 22.0869565217, "max_line_length": 54, "alphanum_fraction": 0.6594488189}
import React from 'react';
import ReactDOM from 'react-dom';
import PropTypes from 'prop-types';
import CapturePage from '../CapturePage';
import GlobalStyle from './theme';

const App = (props) => (
  <>
    <GlobalStyle />
    <CapturePage image={props.data.image}/>
  </>
);

chrome.storage.local.get("image", (data) => {
  const app = document.getElementById('capture-root');
  ReactDOM.render(<App data={data}/>, app);
});

App.propTypes = {
  data: PropTypes.shape({
    image: PropTypes.string
  })
};