Solved Loading issue in Snapshot

rakheesingh · Jan 8, 2022 · 594298e · 594298e · rakheesingh · Jan 8, 2022
1 parent 406d695
commit 594298e
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/src/context/PhotoContext.js b/src/context/PhotoContext.js
@@ -7,6 +7,7 @@ const PhotoContextProvider = props => {
   const [images, setImages] = useState([]);
   const [loading, setLoading] = useState(true);
   const runSearch = query => {
+    setLoading(true);
     axios
       .get(
         `https://api.flickr.com/services/rest/?method=flickr.photos.search&api_key=${apiKey}&tags=${query}&per_page=24&format=json&nojsoncallback=1`
@@ -16,6 +17,7 @@ const PhotoContextProvider = props => {
         setLoading(false);
       })
       .catch(error => {
+        setLoading(false);
         console.log(
           "Encountered an error with fetching and parsing data",
           error