Adding loading state.

mlibrary · Aug 5, 2024 · a299dcc · a299dcc
1 parent 50fd0e5
commit a299dcc
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/src/modules/browse/components/ShelfBrowse/index.js b/src/modules/browse/components/ShelfBrowse/index.js
@@ -24,6 +24,7 @@ const ShelfBrowse = () => {
 
   useEffect(() => {
     const fetchShelfData = async () => {
+      setShelfData('loading');
       try {
         const response = await fetch(`https://search.lib.umich.edu/catalog/browse/carousel?query=${callNumber}`);
         if (!response.ok) {
@@ -43,6 +44,10 @@ const ShelfBrowse = () => {
     return null;
   }
 
+  if (shelfData === 'loading') {
+    return <p>Loading...</p>;
+  }
+
   return <ShelfBrowseCarousel {...{ callNumber, items: shelfData, uid }} />;
 };