{"size": 961, "ext": "js", "max_stars_repo_path": "src/Components/Post/Query/AnswerItem.js", "max_stars_repo_name": "vsthakur101/DevCommunity_MAJOR", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/Components/Post/Query/AnswerItem.js", "max_issues_repo_name": "vsthakur101/DevCommunity_MAJOR", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/Components/Post/Query/AnswerItem.js", "max_forks_repo_name": "vsthakur101/DevCommunity_MAJOR", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 28.2647058824, "max_line_length": 68, "alphanum_fraction": 0.5078043704}
import React, { Component } from 'react'
import {Card} from "react-bootstrap"
import {Link} from "react-router-dom";
export default class AnswerItem extends Component {
  render() {
      const {answer} = this.props
      const d = new Date(answer.timestamp)
      
    return (
      <Card className="ma2">
        <Card.Body>
        <div className="row">
        <div className="col-md-3">
        <img
                  className="rounded-circle bg-light-blue"
                  src={`https://robohash.org/${answer.fullName}`}
                  alt="Profile Photo"
                  style={{width:"50px",height:"50px",float:"left"}}
            />
        <Link to={`/profile/${answer.uid}`}>{answer.fullName}</Link>
        <h6>at {d.getHours()}</h6>
        <h6>on {d.getDate()}</h6>  
        </div>
        <div className="col-md-7">
            {answer.description}
        </div>
        
        </div>
        </Card.Body>
      </Card>
    )
  }
}
