Fixed blinking notification (#2200)

* Fixed blinking notification

* Updated CHANGELOG

CHANGELOG.md

@@ -34,6 +34,9 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 - Fixed CVAT format import for frame stepped tasks (<https://github.com/openvinotoolkit/cvat/pull/2151>)
 - Fixed unnecessary pyhash dependency (<https://github.com/openvinotoolkit/cvat/pull/2170>)
 - Fixed Data is not getting cleared, even after deleting the Task from Django Admin App(<https://github.com/openvinotoolkit/cvat/issues/1925>)
+- Fixed blinking message: "Some tasks have not been showed because they do not have any data" (<https://github.com/openvinotoolkit/cvat/pull/2200>)
+- Fixed case when a task with 0 jobs is shown as "Completed" in UI (<https://github.com/openvinotoolkit/cvat/pull/2200>)
+
 ### Security
 -
 

cvat-ui/src/components/tasks-page/task-item.tsx

@@ -84,7 +84,7 @@ class TaskItemComponent extends React.PureComponent<TaskItemProps & RouteCompone
         // Progress appearence depends on number of jobs
         let progressColor = null;
         let progressText = null;
-        if (numOfCompleted === numOfJobs) {
+        if (numOfCompleted && numOfCompleted === numOfJobs) {
             progressColor = 'cvat-task-completed-progress';
             progressText = <Text strong className={progressColor}>Completed</Text>;
         } else if (numOfCompleted) {

cvat-ui/src/components/tasks-page/tasks-page.tsx

@@ -76,12 +76,7 @@ function updateQuery(previousQuery: TasksQuery, searchString: string): TasksQuer
 
 class TasksPageComponent extends React.PureComponent<TasksPageProps & RouteComponentProps> {
     public componentDidMount(): void {
-        const {
+        const { gettingQuery, location, onGetTasks } = this.props;
-            gettingQuery,
-            location,
-            onGetTasks,
-        } = this.props;
-
         const query = updateQuery(gettingQuery, location.search);
         onGetTasks(query);
     }
@@ -90,8 +85,9 @@ class TasksPageComponent extends React.PureComponent<TasksPageProps & RouteCompo
         const {
             location,
             gettingQuery,
-            onGetTasks,
+            tasksFetching,
             numberOfHiddenTasks,
+            onGetTasks,
             hideEmptyTasks,
         } = this.props;
 
@@ -103,12 +99,13 @@ class TasksPageComponent extends React.PureComponent<TasksPageProps & RouteCompo
             return;
         }
 
+        if (prevProps.tasksFetching && !tasksFetching) {
             if (numberOfHiddenTasks) {
                 message.destroy();
                 message.info(
                     <>
                         <Text>
-                        Some tasks have not been showed because they do not have any data.
+                            Some tasks are temporary hidden since they are without any data
                         </Text>
                         <Button
                             type='link'
@@ -119,10 +116,11 @@ class TasksPageComponent extends React.PureComponent<TasksPageProps & RouteCompo
                         >
                             Show all
                         </Button>
-                </>, 7,
+                    </>, 5,
                 );
             }
         }
+    }
 
     private handleSearch = (value: string): void => {
         const {