diff --git a/src/components/LHNOptionsList/OptionRowLHN.js b/src/components/LHNOptionsList/OptionRowLHN.js index 4d5e19299e5c..1a25e5bbf223 100644 --- a/src/components/LHNOptionsList/OptionRowLHN.js +++ b/src/components/LHNOptionsList/OptionRowLHN.js @@ -83,7 +83,11 @@ function OptionRowLHN(props) { const focusedBackgroundColor = styles.sidebarLinkActive.backgroundColor; const hasBrickError = optionItem.brickRoadIndicator === CONST.BRICK_ROAD_INDICATOR_STATUS.ERROR; - const shouldShowGreenDotIndicator = !hasBrickError && (optionItem.isUnreadWithMention || (optionItem.hasOutstandingIOU && !optionItem.isIOUReportOwner)); + const shouldShowGreenDotIndicator = + !hasBrickError && + (optionItem.isUnreadWithMention || + (optionItem.hasOutstandingIOU && !optionItem.isIOUReportOwner) || + (optionItem.isTaskReport && optionItem.isTaskAssignee && !optionItem.isTaskCompleted)); /** * Show the ReportActionContextMenu modal popover. diff --git a/src/components/TaskHeader.js b/src/components/TaskHeader.js index a44c841b87da..001ed2b10bdd 100644 --- a/src/components/TaskHeader.js +++ b/src/components/TaskHeader.js @@ -2,7 +2,6 @@ import React, {useEffect} from 'react'; import {View} from 'react-native'; import PropTypes from 'prop-types'; import lodashGet from 'lodash/get'; -import _ from 'underscore'; import reportPropTypes from '../pages/reportPropTypes'; import withLocalize, {withLocalizePropTypes} from './withLocalize'; import * as ReportUtils from '../libs/ReportUtils'; @@ -39,7 +38,7 @@ function TaskHeader(props) { const assigneeName = ReportUtils.getDisplayNameForParticipant(props.report.managerID); const assigneeAvatar = UserUtils.getAvatar(lodashGet(props.personalDetails, [props.report.managerID, 'avatar']), props.report.managerID); const isOpen = props.report.stateNum === CONST.REPORT.STATE_NUM.OPEN && props.report.statusNum === CONST.REPORT.STATUS.OPEN; - const isCompleted = props.report.stateNum === CONST.REPORT.STATE_NUM.SUBMITTED && props.report.statusNum === CONST.REPORT.STATUS.APPROVED; + const isCompleted = ReportUtils.isTaskCompleted(props.report); useEffect(() => { TaskUtils.setTaskReport(props.report); @@ -60,7 +59,7 @@ function TaskHeader(props) { > - {!_.isEmpty(props.report.managerID) && ( + {props.report.managerID && props.report.managerID > 0 && ( <>