You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
1.1 KiB
TypeScript
35 lines
1.1 KiB
TypeScript
// Copyright (C) 2021-2022 Intel Corporation
|
|
//
|
|
// SPDX-License-Identifier: MIT
|
|
|
|
import './styles.scss';
|
|
import React from 'react';
|
|
import { useSelector } from 'react-redux';
|
|
import Modal from 'antd/lib/modal';
|
|
import Alert from 'antd/lib/alert';
|
|
import Progress from 'antd/lib/progress';
|
|
|
|
import { CombinedState } from 'reducers';
|
|
|
|
function ImportDatasetStatusModal(): JSX.Element {
|
|
const currentImportId = useSelector((state: CombinedState) => state.import.importingId);
|
|
const progress = useSelector((state: CombinedState) => state.import.progress);
|
|
const status = useSelector((state: CombinedState) => state.import.status);
|
|
|
|
return (
|
|
<Modal
|
|
title={`Importing a dataset for the project #${currentImportId}`}
|
|
visible={currentImportId !== null}
|
|
closable={false}
|
|
footer={null}
|
|
className='cvat-modal-import-dataset-status'
|
|
destroyOnClose
|
|
>
|
|
<Progress type='circle' percent={progress} />
|
|
<Alert message={status} type='info' />
|
|
</Modal>
|
|
);
|
|
}
|
|
|
|
export default React.memo(ImportDatasetStatusModal);
|