From 197a9ba5698ac9d2fe7523a7886be8dac447a3b2 Mon Sep 17 00:00:00 2001
From: Katie Stahl <kathryn.stahl@nationwidechildrens.org>
Date: Mon, 20 Nov 2023 13:59:37 -0500
Subject: [PATCH] feat: adding loading spinner for utilities fetches

---
 .../components/Utilities/GetCoordinates/GetCoordinates.tsx  | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/client/src/components/Utilities/GetCoordinates/GetCoordinates.tsx b/client/src/components/Utilities/GetCoordinates/GetCoordinates.tsx
index ba2d681b..b21ba103 100644
--- 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) {