{"size": 976, "ext": "js", "max_stars_repo_path": "padlock-master/frontend/src/Pages/Dashboard/Projects/ProjectBoard/ProjectCardTopRow.js", "max_stars_repo_name": "somish/padlock-pilot", "max_stars_repo_stars_event_min_datetime": "2021-03-25T09:47:15.000Z", "max_stars_repo_stars_event_max_datetime": "2021-03-25T09:47:15.000Z", "max_issues_repo_path": "padlock-master/frontend/src/Pages/Dashboard/Projects/ProjectBoard/ProjectCardTopRow.js", "max_issues_repo_name": "somish/padlock-pilot", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "padlock-master/frontend/src/Pages/Dashboard/Projects/ProjectBoard/ProjectCardTopRow.js", "max_forks_repo_name": "somish/padlock-pilot", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 30.5, "max_line_length": 112, "alphanum_fraction": 0.5522540984}
import React from 'react'
import { Col, Row } from 'react-bootstrap'
import ProjectRequestList from '../ProjectComponents/ProjectRequestList'

function ProjectCardTopRow(props) {
  return (
    <div>
      <Row>
        <Col sm={6} className="image-col">
          <p className="project-title">{props.name}</p>
          {props.photo !== 'None' ? (
            <img className="project-image" src={props.photo} alt="Construction" />
          ) : (
            <img className="project-image" src={require('../../../../Images/padlock.png')} alt="Construction" />
          )}
        </Col>
        <Col sm={6}>
          <p className="project-address">{props.address}</p>
          <div className="recent-tasks">
            <div>
              <h6>Recent Updates</h6>
              <ProjectRequestList projectAddress={props.projectAddress} user={props.user} />
            </div>
          </div>
        </Col>
      </Row>
    </div>
  )
}

export default ProjectCardTopRow
