From e3812442214eff04fc1a15d1ced44095435d6f72 Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris@cvat.ai>
Date: Thu, 18 Jul 2024 08:46:38 +0300
Subject: [PATCH 1/4] Fixed UI crash on project page when active export

---
 .../src/components/project-page/project-page.tsx | 16 +++-------------
 1 file changed, 3 insertions(+), 13 deletions(-)

diff --git a/cvat-ui/src/components/project-page/project-page.tsx b/cvat-ui/src/components/project-page/project-page.tsx
index c34996c5f6e..ff4db3146ec 100644
--- a/cvat-ui/src/components/project-page/project-page.tsx
+++ b/cvat-ui/src/components/project-page/project-page.tsx
@@ -23,9 +23,8 @@ import notification from 'antd/lib/notification';
 import { getCore, Project, Task } from 'cvat-core-wrapper';
 import { CombinedState, Indexable } from 'reducers';
 import { getProjectTasksAsync } from 'actions/projects-actions';
-import { cancelInferenceAsync } from 'actions/models-actions';
 import CVATLoadingSpinner from 'components/common/loading-spinner';
-import TaskItem from 'components/tasks-page/task-item';
+import TaskItem from 'containers/tasks-page/task-item';
 import MoveTaskModal from 'components/move-task-modal/move-task-modal';
 import ModelRunnerDialog from 'components/model-runner-modal/model-runner-dialog';
 import {
@@ -60,10 +59,7 @@ export default function ProjectPageComponent(): JSX.Element {
     const [updatingProject, setUpdatingProject] = useState(false);
     const mounted = useRef(false);
 
-    const ribbonPlugins = useSelector((state: CombinedState) => state.plugins.components.taskItem.ribbon);
     const deletes = useSelector((state: CombinedState) => state.projects.activities.deletes);
-    const taskDeletes = useSelector((state: CombinedState) => state.tasks.activities.deletes);
-    const tasksActiveInferences = useSelector((state: CombinedState) => state.models.inferences);
     const tasks = useSelector((state: CombinedState) => state.tasks.current);
     const tasksCount = useSelector((state: CombinedState) => state.tasks.count);
     const tasksQuery = useSelector((state: CombinedState) => state.projects.tasksGettingQuery);
@@ -153,14 +149,8 @@ export default function ProjectPageComponent(): JSX.Element {
                         .map((task: Task) => (
                             <TaskItem
                                 key={task.id}
-                                ribbonPlugins={ribbonPlugins}
-                                deleted={task.id in taskDeletes ? taskDeletes[task.id] : false}
-                                hidden={false}
-                                activeInference={tasksActiveInferences[task.id] || null}
-                                cancelAutoAnnotation={() => {
-                                    dispatch(cancelInferenceAsync(task.id));
-                                }}
-                                taskInstance={task}
+                                taskID={task.id}
+                                idx={tasks.indexOf(task)}
                             />
                         ))}
                 </React.Fragment>

From 1b7536b840459a5ead74a82c6dad614b5341212b Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris@cvat.ai>
Date: Thu, 18 Jul 2024 08:53:09 +0300
Subject: [PATCH 2/4] Added changelog

---
 changelog.d/20240718_085228_boris_fixed_undefined_value.md | 4 ++++
 1 file changed, 4 insertions(+)
 create mode 100644 changelog.d/20240718_085228_boris_fixed_undefined_value.md

diff --git a/changelog.d/20240718_085228_boris_fixed_undefined_value.md b/changelog.d/20240718_085228_boris_fixed_undefined_value.md
new file mode 100644
index 00000000000..e0201c0368b
--- /dev/null
+++ b/changelog.d/20240718_085228_boris_fixed_undefined_value.md
@@ -0,0 +1,4 @@
+### Fixed
+
+- User interface crashed if there are active creating task requests on a project page
+  (<https://github.com/cvat-ai/cvat/pull/8187>)

From 63ddbbf63b9db10560508be39ba76b79c4044502 Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris@cvat.ai>
Date: Thu, 18 Jul 2024 09:42:50 +0300
Subject: [PATCH 3/4] Fixed incorrect render

---
 cvat-ui/src/components/project-page/project-page.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cvat-ui/src/components/project-page/project-page.tsx b/cvat-ui/src/components/project-page/project-page.tsx
index ff4db3146ec..010f39d2862 100644
--- a/cvat-ui/src/components/project-page/project-page.tsx
+++ b/cvat-ui/src/components/project-page/project-page.tsx
@@ -116,12 +116,12 @@ export default function ProjectPageComponent(): JSX.Element {
     }, [tasksQuery]);
 
     useEffect(() => {
-        if (projectInstance && id in deletes && deletes[id]) {
+        if (deletes[id]) {
             history.push('/projects');
         }
     }, [deletes]);
 
-    if (fechingProject) {
+    if (fechingProject || id in deletes) {
         return <Spin size='large' className='cvat-spinner' />;
     }
 

From 95728496d85db03e9abb5ad0a15ba3084222d8ad Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris@cvat.ai>
Date: Thu, 18 Jul 2024 09:48:18 +0300
Subject: [PATCH 4/4] Update state correctly

---
 cvat-ui/src/reducers/projects-reducer.ts | 22 +++++++---------------
 1 file changed, 7 insertions(+), 15 deletions(-)

diff --git a/cvat-ui/src/reducers/projects-reducer.ts b/cvat-ui/src/reducers/projects-reducer.ts
index 3ddc78d5afa..7c2db7cd80a 100644
--- a/cvat-ui/src/reducers/projects-reducer.ts
+++ b/cvat-ui/src/reducers/projects-reducer.ts
@@ -1,9 +1,10 @@
 // Copyright (C) 2020-2022 Intel Corporation
-// Copyright (C) 2022-2023 CVAT.ai Corporation
+// Copyright (C) 2022-2024 CVAT.ai Corporation
 //
 // SPDX-License-Identifier: MIT
 
 import { AnyAction } from 'redux';
+import { omit } from 'lodash';
 
 import { ProjectsActionTypes } from 'actions/projects-actions';
 import { BoundariesActionTypes } from 'actions/boundaries-actions';
@@ -117,49 +118,40 @@ export default (state: ProjectsState = defaultState, action: AnyAction): Project
         }
         case ProjectsActionTypes.DELETE_PROJECT: {
             const { projectId } = action.payload;
-            const { deletes } = state.activities;
-
-            deletes[projectId] = false;
 
             return {
                 ...state,
                 activities: {
                     ...state.activities,
                     deletes: {
-                        ...deletes,
+                        ...state.activities.deletes,
+                        [projectId]: false,
                     },
                 },
             };
         }
         case ProjectsActionTypes.DELETE_PROJECT_SUCCESS: {
             const { projectId } = action.payload;
-            const { deletes } = state.activities;
-
-            deletes[projectId] = true;
 
             return {
                 ...state,
                 activities: {
                     ...state.activities,
                     deletes: {
-                        ...deletes,
+                        ...state.activities.deletes,
+                        [projectId]: true,
                     },
                 },
             };
         }
         case ProjectsActionTypes.DELETE_PROJECT_FAILED: {
             const { projectId } = action.payload;
-            const { deletes } = state.activities;
-
-            delete deletes[projectId];
 
             return {
                 ...state,
                 activities: {
                     ...state.activities,
-                    deletes: {
-                        ...deletes,
-                    },
+                    deletes: omit(state.activities.deletes, projectId),
                 },
             };
         }