From 0d123135d21bd57fe5ca3f122a3394bfb5ee7f5f Mon Sep 17 00:00:00 2001
From: Mohamed Jinas <j@live.mv>
Date: Sat, 22 Aug 2020 02:30:26 +0500
Subject: [PATCH] Update SourceView.vue

---
 resources/js/components/SourceView.vue | 36 ++++++++++++++++----------
 1 file changed, 22 insertions(+), 14 deletions(-)

diff --git a/resources/js/components/SourceView.vue b/resources/js/components/SourceView.vue
index 4a49cb3..43b548a 100644
--- a/resources/js/components/SourceView.vue
+++ b/resources/js/components/SourceView.vue
@@ -74,11 +74,17 @@
                     </div>
                 </div>
             </div>
-            
-            <div class="flex justify-center">
 
+            <div class="flex justify-center">
                 <div v-show="loading">
-                    <lottie-player src="https://assets9.lottiefiles.com/private_files/lf30_bIUWq7.json"  background="transparent"  speed="3"  style="width: 100px; height: 100px;"  loop  autoplay></lottie-player>
+                    <lottie-player
+                        src="https://assets9.lottiefiles.com/private_files/lf30_bIUWq7.json"
+                        background="transparent"
+                        speed="3"
+                        style="width: 100px; height: 100px;"
+                        loop
+                        autoplay
+                    ></lottie-player>
                 </div>
 
                 <button
@@ -140,17 +146,19 @@ export default {
     methods: {
         fetchNewArticles() {
             this.loading = true;
-            axios
-                .get(
-                    `/api/source/${this.source.slug}?page=${this.current_page +
-                        1}`
-                )
-                .then(response => {
-                    this.current_page = response.data.articles.current_page;
-                    // spread the array item into individual arguments
-                    this.articles.push(...response.data.articles.data);
-                    this.loading = false;
-                });
+            sleep(2000).then(() => {
+                axios
+                    .get(
+                        `/api/source/${this.source.slug}?page=${this
+                            .current_page + 1}`
+                    )
+                    .then(response => {
+                        this.current_page = response.data.articles.current_page;
+                        // spread the array item into individual arguments
+                        this.articles.push(...response.data.articles.data);
+                        this.loading = false;
+                    });
+            });
         }
     }
 };