From 5ed4b702ed1c8fc57ccfa2fe7e543d335505e913 Mon Sep 17 00:00:00 2001
From: Boris Sekachev <boris.sekachev@yandex.ru>
Date: Wed, 9 Dec 2020 16:05:41 +0300
Subject: [PATCH] Avoid unmounting component when updating a task

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

diff --git a/cvat-ui/src/components/task-page/task-page.tsx b/cvat-ui/src/components/task-page/task-page.tsx
index d516abcd..a6b7fde1 100644
--- a/cvat-ui/src/components/task-page/task-page.tsx
+++ b/cvat-ui/src/components/task-page/task-page.tsx
@@ -53,7 +53,7 @@ class TaskPageComponent extends React.PureComponent<Props> {
     public render(): JSX.Element {
         const { task, updating } = this.props;
 
-        if (task === null || updating) {
+        if (task === null) {
             return <Spin size='large' className='cvat-spinner' />;
         }
 
@@ -70,7 +70,12 @@ class TaskPageComponent extends React.PureComponent<Props> {
 
         return (
             <>
-                <Row justify='center' align='top' className='cvat-task-details-wrapper'>
+                <Row
+                    style={{ display: updating ? 'none' : undefined }}
+                    justify='center'
+                    align='top'
+                    className='cvat-task-details-wrapper'
+                >
                     <Col md={22} lg={18} xl={16} xxl={14}>
                         <TopBarComponent taskInstance={(task as Task).instance} />
                         <DetailsContainer task={task as Task} />
@@ -78,6 +83,7 @@ class TaskPageComponent extends React.PureComponent<Props> {
                     </Col>
                 </Row>
                 <ModelRunnerModal />
+                {updating && <Spin size='large' className='cvat-spinner' />}
             </>
         );
     }