diff --git a/src/components/ReportActionItem/TaskPreview.js b/src/components/ReportActionItem/TaskPreview.js index ae2c5accab26..5755dcaf6663 100644 --- a/src/components/ReportActionItem/TaskPreview.js +++ b/src/components/ReportActionItem/TaskPreview.js @@ -9,7 +9,6 @@ import withLocalize, {withLocalizePropTypes} from '../withLocalize'; import Icon from '../Icon'; import CONST from '../../CONST'; import * as Expensicons from '../Icon/Expensicons'; -import Text from '../Text'; import Checkbox from '../Checkbox'; import * as StyleUtils from '../../styles/StyleUtils'; import getButtonState from '../../libs/getButtonState'; @@ -17,6 +16,7 @@ import Navigation from '../../libs/Navigation/Navigation'; import ROUTES from '../../ROUTES'; import reportActionPropTypes from '../../pages/home/report/reportActionPropTypes'; import * as TaskUtils from '../../libs/actions/Task'; +import RenderHTML from '../RenderHTML'; const propTypes = { /** The ID of the associated taskReport */ @@ -56,8 +56,10 @@ const TaskPreview = (props) => { const isTaskCompleted = (props.taskReport.stateNum === CONST.REPORT.STATE_NUM.SUBMITTED && props.taskReport.statusNum === CONST.REPORT.STATUS.APPROVED) || (props.action.childStateNum === CONST.REPORT.STATE_NUM.SUBMITTED && props.action.childStatusNum === CONST.REPORT.STATUS.APPROVED); - const taskTitle = props.action.taskTitle || props.taskReport.reportName; - const parentReportID = props.action.parentReportID || props.taskReport.parentReportID; + const taskTitle = props.taskReport.reportName || props.action.childReportName; + const taskAssignee = props.taskReport.managerEmail || props.action.childManagerEmail; + const htmlForTaskPreview = taskAssignee ? `@${taskAssignee} ${taskTitle}` : `${taskTitle}`; + const parentReportID = props.taskReport.parentReportID || props.action.parentReportID; return ( { } }} /> - {taskTitle} +