Fix: Instagram waterfall showing again following shutdown of /media url from IG

Author: timelytree

src/pages/PageProject.vue

@@ -149,11 +149,12 @@ export default {
         var handle = response.instagram_handle
         this.fetchInstagramPosts(response => {
           var instaItems = {}
-          for (var i = 0; i < response.items.length; i++) {
-            var item = response.items[i]
+          var items = response.user.media.nodes
+          for (var i = 0; i < items.length; i++) {
+            var item = items[i]
             instaItems[i] = {
-              src: item.images.standard_resolution.url,
-              caption: item.caption.text.split(/\r?\n/)
+              src: item.thumbnail_resources[2].src,
+              caption: item.caption.split(/\r?\n/)
             }
           }
           this.instagram = instaItems

src/store/Methods.js

@@ -199,7 +199,7 @@ export default {
   },
   fetchInstagramPosts: function (cb) {
     axios
-      .get('https://igpi.ga/displacedseries/media/?count=20')
+      .get('https://igpi.ga/displacedseries/?__a=1')
       .then(response => { cb(response.data) })
   },
   // ----------------------------------------------------- Fetch project images