diff --git a/src/pages/studyView/virtualStudy/VirtualStudyModal.tsx b/src/pages/studyView/virtualStudy/VirtualStudyModal.tsx index d36bfecc2f3..e90ba2af4c6 100644 --- a/src/pages/studyView/virtualStudy/VirtualStudyModal.tsx +++ b/src/pages/studyView/virtualStudy/VirtualStudyModal.tsx @@ -3,7 +3,8 @@ import * as React from 'react'; import VirtualStudy from 'pages/studyView/virtualStudy/VirtualStudy'; import { AppStore } from 'AppStore'; import { StudyViewPageStore } from 'pages/studyView/StudyViewPageStore'; -import { JsxElement } from 'typescript'; +import { observer } from 'mobx-react'; +import LoadingIndicator from 'shared/components/loadingIndicator/LoadingIndicator'; export interface IVirtualStudyModalProps { appStore: AppStore; @@ -12,43 +13,54 @@ export interface IVirtualStudyModalProps { onHide: () => void; } -export const VirtualStudyModal: React.FunctionComponent = function({ +export const VirtualStudyModal: React.FunctionComponent = observer(({ appStore, pageStore, message, onHide, -}) { +}) => { + const isLoading = [ + pageStore.filteredVirtualStudies, + pageStore.studyWithSamples, + pageStore.filteredVirtualStudies, + pageStore.molecularProfileNameSet, + pageStore.molecularProfileNameSet, + ].some(result => result.isPending); return ( Create a Virtual Study - {message || null} - + {isLoading ? + + : <> + {message || null} + + } ); -}; +});