Merge pull request #1412 from hackforla/1284-new-loading-modal-display

1284 new loading modal display
hackforla · Nov 10, 2022 · 9e7dedc · 9e7dedc
2 parents 1b61346 + c5d3526
commit 9e7dedc
Show file tree

Hide file tree

Showing 3 changed files with 1,009 additions and 569 deletions.
diff --git a/client/assets/loading.gif b/client/assets/loading.gif
diff --git a/client/components/Map/index.js b/client/components/Map/index.js
@@ -13,7 +13,7 @@ import CookieNotice from '../main/CookieNotice';
 // import "mapbox-gl/dist/mapbox-gl.css";
 import Map from './Map';
 import moment from 'moment';
-import { CircularProgress } from '@material-ui/core';
+import gif from '@assets/loading.gif'
 
 // We make API requests on a per-day basis. On average, there are about 4k
 // requests per day, so 10k is a large safety margin.
@@ -303,7 +303,7 @@ class MapContainer extends React.Component {
           selectedTypes={selectedTypes}
         />
         <CookieNotice />
-        {isMapLoading && <CircularProgress />}
+        {isMapLoading && <img style={{ width:window.innerWidth, height: 16, position:'absolute' }} src={gif}/>}
       </div>
     );
   }