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}
+