Add custom message for cell metadata upload not ready

src/components/data-management/LaunchAnalysisButton.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useCallback, useEffect } from 'react';
 import { useSelector, useDispatch } from 'react-redux';
 import {
-  Button, Tooltip, Popconfirm,
+  Button, Tooltip, Popconfirm, Typography, Space,
 } from 'antd';
 import _ from 'lodash';
 
@@ -12,25 +12,9 @@ import integrationTestConstants from 'utils/integrationTestConstants';
 
 import { useAppRouter } from 'utils/AppRouteProvider';
 import calculatePipelinesRerunStatus from 'utils/data-management/calculatePipelinesRerunStatus';
+import { WarningOutlined } from '@ant-design/icons';
 
-const LaunchButtonTemplate = (props) => {
-  const {
-    // eslint-disable-next-line react/prop-types
-    onClick, disabled, text, loading,
-  } = props;
-
-  return (
-    <Button
-      data-test-id={integrationTestConstants.ids.PROCESS_PROJECT_BUTTON}
-      type='primary'
-      disabled={disabled}
-      onClick={onClick}
-      loading={loading}
-    >
-      {text}
-    </Button>
-  );
-};
+const { Text } = Typography;
 
 const LaunchAnalysisButton = () => {
   const dispatch = useDispatch();
@@ -127,6 +111,57 @@ const LaunchAnalysisButton = () => {
     activeExperiment.cellLevelMetadata?.uploadStatus,
   ]);
 
+  const getAllExperimentSampleFiles = useCallback(() => (
+    activeExperiment.sampleIds.flatMap((sampleId) => Object.values(samples[sampleId]?.files ?? {}))
+  ), [samples, activeExperiment?.sampleIds]);
+
+  const getAnyFileUploadFailed = useCallback(() => {
+    const nonErrorStatuses = [UploadStatus.UPLOADED, UploadStatus.UPLOADING];
+
+    const cellLevelUploadError = !_.isNil(activeExperiment.cellLevelMetadata)
+      && !nonErrorStatuses.includes(activeExperiment.cellLevelMetadata.uploadStatus);
+
+    const sampleFileUploadError = getAllExperimentSampleFiles()
+      .some((sampleFile) => !nonErrorStatuses.includes(sampleFile.upload.status));
+
+    return cellLevelUploadError || sampleFileUploadError;
+  }, [
+    samples,
+    activeExperiment?.sampleIds,
+    activeExperiment.cellLevelMetadata,
+  ]);
+
+  const LaunchButtonTemplate = (props) => {
+    const {
+      // eslint-disable-next-line react/prop-types
+      onClick, disabled, text, loading,
+    } = props;
+
+    return (
+      <Button
+        data-test-id={integrationTestConstants.ids.PROCESS_PROJECT_BUTTON}
+        type='primary'
+        disabled={disabled}
+        onClick={onClick}
+        loading={loading}
+      >
+        {
+          getAnyFileUploadFailed() ? (
+            <Space>
+              <Text type='danger'>
+                <WarningOutlined />
+              </Text>
+              {text}
+            </Space>
+          ) : (
+            text
+          )
+        }
+
+      </Button>
+    );
+  };
+
   const renderLaunchButton = () => {
     let buttonText;
 
@@ -143,9 +178,12 @@ const LaunchAnalysisButton = () => {
     }
 
     if (!canLaunchAnalysis()) {
+      const message = !cellLevelMetadataIsReady
+        ? 'Ensure that the cell level metadata file is uploaded correctly'
+        : 'Ensure that all samples are uploaded successfully and all relevant metadata is inserted.';
       return (
         <Tooltip
-          title='Ensure that all samples are uploaded successfully and all relevant metadata is inserted.'
+          title={message}
         >
           {/* disabled button inside tooltip causes tooltip to not function */}
           {/* https://github.com/react-component/tooltip/issues/18#issuecomment-140078802 */}