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> ) );