Added loading icon while importing a task/project backup (#8534)

cvat-ai · Oct 11, 2024 · f49c1c6 · f49c1c6
1 parent 12dac6d
commit f49c1c6
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/cvat-ui/src/components/projects-page/top-bar.tsx b/cvat-ui/src/components/projects-page/top-bar.tsx
@@ -10,7 +10,7 @@ import { Row, Col } from 'antd/lib/grid';
 import Button from 'antd/lib/button';
 import Popover from 'antd/lib/popover';
 import Input from 'antd/lib/input';
-import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
 import { importActions } from 'actions/import-actions';
 import { usePrevious } from 'utils/hooks';
 import { ProjectsQuery } from 'reducers';
@@ -109,7 +109,7 @@ function TopBarComponent(props: Props): JSX.Element {
                                     className='cvat-import-project-button'
                                     type='primary'
                                     disabled={importing}
-                                    icon={<UploadOutlined />}
+                                    icon={importing ? <LoadingOutlined /> : <UploadOutlined />}
                                     onClick={() => dispatch(importActions.openImportBackupModal('project'))}
                                 >
                                     Create from backup

diff --git a/cvat-ui/src/components/tasks-page/top-bar.tsx b/cvat-ui/src/components/tasks-page/top-bar.tsx
@@ -9,7 +9,7 @@ import { useHistory } from 'react-router';
 
 import { Row, Col } from 'antd/lib/grid';
 import Popover from 'antd/lib/popover';
-import { PlusOutlined, UploadOutlined } from '@ant-design/icons';
+import { LoadingOutlined, PlusOutlined, UploadOutlined } from '@ant-design/icons';
 import Button from 'antd/lib/button';
 import Input from 'antd/lib/input';
 import { importActions } from 'actions/import-actions';
@@ -117,7 +117,8 @@ export default function TopBarComponent(props: VisibleTopBarProps): JSX.Element
                                 <Button
                                     className='cvat-import-task-button'
                                     type='primary'
-                                    icon={<UploadOutlined />}
+                                    disabled={importing}
+                                    icon={importing ? <LoadingOutlined /> : <UploadOutlined />}
                                     onClick={() => dispatch(importActions.openImportBackupModal('task'))}
                                 >
                                     Create from backup