feat: adding loading spinner for utilities fetches

cancervariants · Nov 20, 2023 · 197a9ba · 197a9ba
1 parent a3f2cf2
commit 197a9ba
Showing 1 changed file with 2 additions and 4 deletions.
diff --git a/client/src/components/Utilities/GetCoordinates/GetCoordinates.tsx b/client/src/components/Utilities/GetCoordinates/GetCoordinates.tsx
@@ -26,6 +26,7 @@ import TabPaper from "../../main/shared/TabPaper/TabPaper";
 import { HelpPopover } from "../../main/shared/HelpPopover/HelpPopover";
 import ChromosomeField from "../../main/shared/ChromosomeField/ChromosomeField";
 import TranscriptField from "../../main/shared/TranscriptField/TranscriptField";
+import LoadingMessage from "../../main/shared/LoadingMessage/LoadingMessage";
 
 const GetCoordinates: React.FC = () => {
   const useStyles = makeStyles(() => ({
@@ -219,10 +220,7 @@ const GetCoordinates: React.FC = () => {
   const renderResults = (): React.ReactFragment => {
     if (isLoading) {
       return (
-        <Box alignContent="center" alignItems="center" justifyContent="center" display="flex" flexDirection="column">
-          <Box mb={2}>Retrieving results...</Box>
-          <CircularProgress />
-        </Box>
+        <LoadingMessage message="Fetching coordinates..." />
       )
     }
     if (inputValid) {