Elep

import React from 'react';

function ReviewItem({ review }) {
    return (
            <div className="review-main">
				<div className="review-header">
					<div className="profile-dp">
						<img src={review.avatar || '/images/profile.png'} alt="Profile photo" />
					</div>
					<div className="profile-info">
						<p className="profile-name">{review.nickname}</p>
						<p><span className="review-food__name">{review.food_name}</span> at <span className="place-name">{review.place_name}</span></p>
					</div>
				</div>
				<div className="review-text">
					{review.comment}
				</div>
				<div className="review-image" style={{ backgroundImage: "url(" + review.image + ")"}}>
					
				</div>
				{/* <div className="review-footer">
					<div className="left-side">
						<a href="#">
							<i className="fa fa-thumbs-up"></i>
						</a>
						<a href="#">
							<i className="fa fa-heart"></i>
						</a>
					</div>
					<div className="right-side">
						<a href="#">
							20 comments
						</a>
					</div>
				</div> */}
			</div>
    )
}

export default ReviewItem