You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
39 lines
1.2 KiB
39 lines
1.2 KiB
import React, { Component } from "react"; |
|
import { Link } from "react-router-dom"; |
|
import moment from "jalali-moment"; |
|
|
|
import StatusAvatar from "./StatusAvatar/StatusAvatar"; |
|
import "./RowItem.scss"; |
|
const RowItem = (props) => { |
|
return ( |
|
<> |
|
{props.parentList[props.parentList.length - 1] === props.data.pid ? ( |
|
<div |
|
className="list-row d-flex" |
|
onClick={() => props.setParentList(props.data.id)} |
|
> |
|
<div className="list-row__right d-flex"> |
|
<div className="list-row__right--image d-flex"> |
|
<StatusAvatar src={props.data.image} status={props.data.status} /> |
|
</div> |
|
<div className="list-row__right--text d-flex flex-column justify-content-center align-items-start mr-2"> |
|
<h1>{props.data.title}</h1> |
|
<p>{props.data.subTitle}</p> |
|
</div> |
|
</div> |
|
<div className="list-row__left d-flex"> |
|
<span> |
|
{moment |
|
.from(props.data.date, "YYYY/MM/DD") |
|
.format("jYYYY/jMM/jDD")} |
|
</span> |
|
</div> |
|
</div> |
|
) : ( |
|
<></> |
|
)} |
|
</> |
|
); |
|
}; |
|
|
|
export default RowItem;
|
|
|