From d13daef7941409cc8b0ba7d13fbd8ed849c230fc Mon Sep 17 00:00:00 2001
From: Niki Kim <nikikim@mit.edu>
Date: Tue, 16 Mar 2021 15:50:51 -0700
Subject: [PATCH] remove loading spinner on fail to retrieve file used to make
 graphs

---
 src/components/FilePreview.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/components/FilePreview.tsx b/src/components/FilePreview.tsx
index fe6230b..2eebd77 100644
--- a/src/components/FilePreview.tsx
+++ b/src/components/FilePreview.tsx
@@ -24,11 +24,15 @@ interface Props {
 const FilePreview: React.FC<Props> = ({ file }) => {
   const [data, setData] = useState<FilePreviewData | null>(null);
   const [fieldChecked, setFieldChecked] = useState<string[]>([]);
+  const [loadyCircle, setLoadyCircle] = useState(true);
   useEffect(() => {
     if (!data && file)
       getPreviewData(file)
         .then((obj) => setData(obj))
-        .catch((e) => console.warn(e));
+        .catch((e) => {
+          console.warn(e);
+          setLoadyCircle(false);
+        });
   });
 
   if (data)
@@ -102,7 +106,9 @@ const FilePreview: React.FC<Props> = ({ file }) => {
   return (
     <>
       <br></br>
-      <CircularProgress style={{ margin: "5vh", marginLeft: "35vw" }} />
+      {loadyCircle ? (
+        <CircularProgress style={{ margin: "5vh", marginLeft: "35vw" }} />
+      ) : null}
     </>
   );
 };