{"size": 832, "ext": "js", "max_stars_repo_path": "client/src/components/home-page/ImprovementDisplay.js", "max_stars_repo_name": "grangerl330/Tennis-Journal-API", "max_stars_repo_stars_event_min_datetime": "2019-07-26T04:22:07.000Z", "max_stars_repo_stars_event_max_datetime": "2019-07-27T04:12:48.000Z", "max_issues_repo_path": "client/src/components/home-page/ImprovementDisplay.js", "max_issues_repo_name": "grangerl330/Tennis-Journal-API", "max_issues_repo_issues_event_min_datetime": "2019-11-11T23:56:43.000Z", "max_issues_repo_issues_event_max_datetime": "2022-03-30T23:16:21.000Z", "max_forks_repo_path": "client/src/components/home-page/ImprovementDisplay.js", "max_forks_repo_name": "grangerl330/Tennis-Journal", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 2, "max_issues_count": 8, "max_forks_count": null, "avg_line_length": 36.1739130435, "max_line_length": 134, "alphanum_fraction": 0.6310096154}
import React from 'react'
import editIcon from '../../images/edit.svg'

const ImprovementDisplay = (props) => {
  return (
    <div id="Improvement-Display" className="container border rounded shadow-light-green border-white bg-white">
      <div className="row mt-3 justify-content-center">
          <h4 className="mx-auto text-green">Things To Improve</h4>
          <span data-toggle="tooltip" data-placement="top" title="Edit Things To Improve" style={{position: 'absolute', left: '85%'}}>
            <img src={editIcon} className="mr-3" alt="edit" data-toggle="modal" data-target="#notesModal" />
          </span>
      </div>
      <div className="row my-3 vh-45">
        <div className="col text-center">
          {props.currentUser.notes}
        </div>
      </div>
    </div>
  )
}

export default ImprovementDisplay
