const { actionStatuses, componentOwnerId, setActionStatusNotVisible } = props; const StatusContainer = styled.div` position: absolute; top: 1rem; right: 1rem; align-items: center; justify-content: center; `; const newActionStatuses = actionStatuses.filter(actionStatus => !actionStatus.seen); return ( newActionStatuses.length > 0 && ( <StatusContainer> {newActionStatuses.map((actionStatus, index) => ( <Widget key={actionStatus.id + index} src={`${componentOwnerId}/widget/Calimero.TaskChain.ActionStatus.Status`} props={{ actionStatus, setActionStatusNotVisible }} /> ))} </StatusContainer> ) );