moving loading text into spinner

phac-nml · Dec 2, 2022 · e3f82ed · e3f82ed
1 parent bcb14d0
commit e3f82ed
Showing 1 changed file with 12 additions and 5 deletions.
diff --git a/...urces/js/pages/projects/samples-metadata-import/components/SampleMetadataImportReview.tsx b/...urces/js/pages/projects/samples-metadata-import/components/SampleMetadataImportReview.tsx
@@ -230,11 +230,7 @@ export function SampleMetadataImportReview(): JSX.Element {
 
   return (
     <SampleMetadataImportWizard current={2}>
-      <Text>
-        {loading
-          ? i18n("SampleMetadataImportReview.loading")
-          : i18n("SampleMetadataImportReview.description")}
-      </Text>
+      <Text>{i18n("SampleMetadataImportReview.description")}</Text>
       {!isValid && (
         <ErrorAlert
           message={i18n("SampleMetadataImportReview.alert.valid.title")}
@@ -298,6 +294,17 @@ export function SampleMetadataImportReview(): JSX.Element {
         loading={{
           indicator: <Progress type="circle" percent={progress} />,
           spinning: loading,
+          tip: (
+            <Text
+              style={{
+                display: "inline-block",
+                height: 100,
+                transform: "translateY(100%)",
+              }}
+            >
+              {i18n("SampleMetadataImportReview.loading")}
+            </Text>
+          ),
         }}
       />
       <div style={{ display: "flex" }}>