{"size": 698, "ext": "js", "max_stars_repo_path": "src/components/PhotoComponent/index.js", "max_stars_repo_name": "insideseanshead/wandir-front-end", "max_stars_repo_stars_event_min_datetime": "2020-11-09T22:27:39.000Z", "max_stars_repo_stars_event_max_datetime": "2020-11-11T22:15:59.000Z", "max_issues_repo_path": "src/components/PhotoComponent/index.js", "max_issues_repo_name": "insideseanshead/wandir-front-end", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/PhotoComponent/index.js", "max_forks_repo_name": "insideseanshead/wandir-front-end", "max_forks_repo_forks_event_min_datetime": "2021-01-12T18:38:21.000Z", "max_forks_repo_forks_event_max_datetime": "2021-01-12T18:38:21.000Z"}
{"max_stars_count": 2, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 22.5161290323, "max_line_length": 78, "alphanum_fraction": 0.5444126074}
import React from "react";
import PhotoModal from "../PhotoModal";
import "./style.css";


export default function PhotoComponent({ id, url, entryId, geoId, ...rest }) {
  return (
    <div className="thumbnail column is-4" {...rest}>
      <a
        className="example-image-link"
        href={url}
        data-lightbox={"example-set"}
        
      >
        <figure className="image is-square">
          <img className="example-image" src={url} alt="" />
        </figure>
      </a>

      {/* <button className="editText" >Edit</button> */}
      <PhotoModal className="editText"
      id={id}
      url={url}
      entryId={entryId}
      geoId={geoId}
      />
      
    </div>
  );
}
