fix: Adds spinners to all loading place holders

Except for the one on the index.html page as that is a static page and
does not load in the react spinner that we are currently using.

public/index.html

@@ -121,11 +121,11 @@
             src="data:image/png;base64,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"
             alt="FlyEM Project"></a>
         <a href="https://janelia.org">
-          <img src="/static/media/janelia_logo.2e1f9dd4.png" alt="Janelia Research Campus">
+          <img src="/janelia_logo.png" alt="Janelia Research Campus">
         </a>
       </div>
     </header>
-    <p>NeuronBridge is loading...</p>
+    <p>Loading...</p>
   </div>
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <!--

src/Routes.jsx

@@ -1,6 +1,7 @@
 import React, { Suspense } from "react";
 import { Route, Switch } from "react-router-dom";
 import PropTypes from "prop-types";
+import { Spin } from "antd";
 import AuthenticatedRoute from "./components/AuthenticatedRoute";
 import UnauthenticatedRoute from "./components/UnauthenticatedRoute";
 // cant lazy load this as it breaks the AWS APIs
@@ -74,7 +75,7 @@ export default function Routes({ appProps }) {
     config.UNDER_MAINTENANCE && !appProps.isAdmin
   );
   return (
-    <Suspense fallback={<div>loading...</div>}>
+    <Suspense fallback={<div><Spin tip="loading..." size="large" />Loading...</div>}>
       <Switch>
         <Route path="/" exact>
           <Landing isAuthenticated={appProps.isAuthenticated} />

src/components/CustomSearchList.jsx

@@ -169,7 +169,10 @@ export default function CustomSearchList() {
       />
       <Divider dashed />
       <Title level={3}>Your Searches ({searches.length}{nextToken ? '+' : null})</Title>
-      {isLoading ? <Spin size="large" /> : <SearchList searches={searches} showMore={Boolean(nextToken)}  showMoreHandler={showMoreHandler}/>}
+      {isLoading ? (
+        <div>
+          <Spin size="large" /> Loading...
+        </div>) : <SearchList searches={searches} showMore={Boolean(nextToken)}  showMoreHandler={showMoreHandler}/>}
     </div>
   );
 }

src/components/MatchReferences.jsx

@@ -1,6 +1,7 @@
 import React, { useEffect, useState } from "react";
 import PropTypes from "prop-types";
 import { Auth, API } from "aws-amplify";
+import { Spin } from "antd";
 
 export default function MatchReferences({ library, publishedName }) {
   const [publication, setPublication] = useState();
@@ -24,7 +25,7 @@ export default function MatchReferences({ library, publishedName }) {
   if (!publication) {
     return (
       <ul>
-        <li>loading...</li>
+        <li><Spin tip="Loading..." size="large" /> Loading...</li>
       </ul>
     );
   }

src/components/MatchesLoader.jsx

@@ -26,7 +26,7 @@ function fixUrls(matches, stores) {
 }
 
 export default function MatchesLoader({ searchAlgorithm }) {
-  const [isLoading, setLoading] = useState(false);
+  const [isLoading, setLoading] = useState(true);
   const [matchMeta, setMatchMeta] = useState(null);
   const { appState } = useContext(AppContext);
   const { matchId } = useParams();
@@ -97,7 +97,7 @@ export default function MatchesLoader({ searchAlgorithm }) {
   if (isLoading) {
     return (
       <div className="searchLoader">
-        <Spin size="large" />
+        <Spin size="large" tip="Loading..." /> Loading...
       </div>
     );
   }

src/components/Results.jsx

@@ -1,7 +1,7 @@
 import React, { useEffect, useState, useContext } from "react";
 import PropTypes from "prop-types";
 import { Storage, API, graphqlOperation } from "aws-amplify";
-import { Divider, message } from "antd";
+import { Spin, Divider, message } from "antd";
 import Matches from "./Matches";
 import CustomInputSummary from "./CustomInputSummary";
 import ImageWithModal from "./ImageWithModal";
@@ -114,7 +114,10 @@ export default function Results({ match }) {
   }
 
   if (!searchMeta || !searchResults) {
-    return <p>...loading</p>;
+    return (
+      <div>
+        <Spin tip="Loading..." size="large" />...loading
+      </div>);
   }
 
   // we need information from both of these objects further down

src/components/Search.jsx

@@ -102,7 +102,7 @@ function Search() {
       {!searchTerm && !searchResult && <NoSearch searchType={searchType} />}
       {isLoading && (
         <div className="searchLoader">
-          <Spin size="large" />
+          <Spin size="large" /> Loading...
         </div>
       )}
       {!isLoading && searchResult && searchType && (

src/components/SearchResults.jsx

@@ -54,7 +54,7 @@ export default function SearchResults(props) {
   }
   return (
     <div className="results">
-      <Spin tip="Loading..." size="large" />
+      <Spin tip="Loading..." size="large" /> Loading...
     </div>
   );
 }

src/components/UnifiedSearch.jsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useContext } from "react";
 import { useLocation, Link } from "react-router-dom";
 import { Storage, Auth, API } from "aws-amplify";
-import { message, Typography } from "antd";
+import { Spin,  message, Typography } from "antd";
 
 import SearchInput from "./SearchInput";
 import UnifiedSearchResults from "./UnifiedSearchResults";
@@ -275,7 +275,10 @@ export default function UnifiedSearch() {
     <div>
       <SearchInput searchTerm={searchTerm} />
       {!searchTerm ? <NoSearch /> : ""}
-      {(lineLoading || bodyLoading) && !loadError ? <p>loading...</p> : ""}
+      {(lineLoading || bodyLoading) && !loadError ? (
+        <div>
+          <Spin tip="Loading..." size="large" /> Loading...
+        </div>) : ""}
       {loadError ? searchError : ""}
       {byLineResult && byBodyResult && !lineLoading && !bodyLoading ? (
         <>

src/components/UnifiedSearchResults.jsx

@@ -177,7 +177,7 @@ export default function UnifiedSearchResults(props) {
   }
   return (
     <div className="results">
-      <Spin tip="Loading..." size="large" />
+      <Spin tip="Loading..." size="large" /> Loading...
     </div>
   );
 }