55 lines
1.6 KiB
JavaScript
55 lines
1.6 KiB
JavaScript
import React from "react";
|
||
import pluralize from 'pluralize-ru';
|
||
|
||
const statuses = [
|
||
{
|
||
title: "Сбор пакета документов",
|
||
icon: "/assets/images/status/1.svg",
|
||
}
|
||
];
|
||
|
||
export default class DealsListDeal extends React.Component
|
||
{
|
||
constructor(props)
|
||
{
|
||
super(props)
|
||
}
|
||
|
||
render()
|
||
{
|
||
const { index, comment, opp_number, statuscode_id, statuscode_name } = this.props;
|
||
const step = statuscode_id - 100;
|
||
|
||
console.log("deal list item", { props: this.props });
|
||
|
||
return (
|
||
<div className="list_item">
|
||
<div>
|
||
<p>Сделка { index + 1 }</p>
|
||
</div>
|
||
<div>
|
||
<p>
|
||
{ step === 0 ? "Не начата" : `${ step } ${ pluralize(step, 'этапа', 'этап', 'этапа', 'этапов') } ${ pluralize(step, 'пройдено', 'пройден', 'пройдено', 'пройдено') }` }
|
||
{/*}
|
||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||
<path stroke="#8E94A7" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14.625 6.75 9 12.375 3.375 6.75" />
|
||
</svg>
|
||
{*/}
|
||
</p>
|
||
</div>
|
||
<div>
|
||
<img src="/assets/images/status/1.svg" width="50" height="50" />
|
||
<p>Сбор пакета документов</p>
|
||
</div>
|
||
<div>
|
||
<button className="button" onClick={() => { this._handleModalToggle("all") }} >
|
||
Еще 4 этапа
|
||
<svg xmlns="http://www.w3.org/2000/svg" width={18} height={18} fill="none">
|
||
<path stroke="#1C01A9" strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M14.625 6.75 9 12.375 3.375 6.75" />
|
||
</svg>
|
||
</button>
|
||
</div>
|
||
</div>
|
||
)
|
||
}
|
||
} |