import React from "react";
import DealsListDeal from "./DealsListDeal";
import SingleDeal from "./SingleDeal";

export default class DealsList extends React.Component
{
	constructor(props)
	{
		super(props);
	}

	render()
	{
		const { deals, dealSelected } = this.props;

		console.log({ deals });

		return (
			<div className="contractStatus_list">
				{ deals.list !== undefined && deals.list !== null && deals.list.map((deal, index) => 
				{
					if(index === dealSelected)
					{
						return (<SingleDeal 
							key={ index } 
							close={() => {
								this._handleModalToggle("current")
							}}
						/>)
					}
					else
					{
						return (
							<DealsListDeal 
								key={ index } 
								index={ index } 
								{ ...deal } 
							/>
						)
					}
				} )}
			</div>
		)
	}
}