From 200f54f63c99e34bfafed875bfcb31dc980d91fb Mon Sep 17 00:00:00 2001
From: ThaUnknown <6506529+ThaUnknown@users.noreply.github.com>
Date: Sat, 11 Nov 2023 21:09:00 +0100
Subject: [PATCH] fix: RSS feeds getting multiple requests fix: banner
 skeleloader

---
 .../components/banner/SkeletonBanner.svelte      | 16 ++++++++--------
 src/renderer/modules/sections.js                 |  5 +++--
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/src/renderer/components/banner/SkeletonBanner.svelte b/src/renderer/components/banner/SkeletonBanner.svelte
index 21319de..a5a4255 100644
--- a/src/renderer/components/banner/SkeletonBanner.svelte
+++ b/src/renderer/components/banner/SkeletonBanner.svelte
@@ -1,10 +1,10 @@
 <div class='pl-20 pb-20 justify-content-end d-flex flex-column h-full w-600 mw-full banner'>
-  <div class='h-25 skeloader bg-dark-light w-500 mb-15 rounded' />
-  <div class='my-20 d-flex h-10 w-250 skeloader bg-dark-light rounded' />
-  <div class='h-10 w-450 skeloader bg-dark-light rounded mb-10' />
-  <div class='h-10 w-350 skeloader bg-dark-light rounded mb-10' />
-  <div class='h-10 w-300 skeloader bg-dark-light rounded mb-10' />
-  <div class='h-10 w-250 skeloader bg-dark-light rounded mb-10' />
-  <div class='my-20 d-flex h-10 w-150 skeloader bg-dark-light rounded' />
-  <div class='mb-20 h-25 w-200 skeloader bg-dark-light rounded' />
+  <div class='h-25 skeloader bg-dark-light w-500 mb-15 rounded'><div class='skeleloader-swipe' /></div>
+  <div class='my-20 d-flex h-10 w-250 skeloader bg-dark-light rounded'><div class='skeleloader-swipe' /></div>
+  <div class='h-10 w-450 skeloader bg-dark-light rounded mb-10'><div class='skeleloader-swipe' /></div>
+  <div class='h-10 w-350 skeloader bg-dark-light rounded mb-10'><div class='skeleloader-swipe' /></div>
+  <div class='h-10 w-300 skeloader bg-dark-light rounded mb-10'><div class='skeleloader-swipe' /></div>
+  <div class='h-10 w-250 skeloader bg-dark-light rounded mb-10'><div class='skeleloader-swipe' /></div>
+  <div class='my-20 d-flex h-10 w-150 skeloader bg-dark-light rounded'><div class='skeleloader-swipe' /></div>
+  <div class='mb-20 h-25 w-200 skeloader bg-dark-light rounded'><div class='skeleloader-swipe' /></div>
 </div>
diff --git a/src/renderer/modules/sections.js b/src/renderer/modules/sections.js
index c86a435..3814b6a 100644
--- a/src/renderer/modules/sections.js
+++ b/src/renderer/modules/sections.js
@@ -52,9 +52,10 @@ export default class SectionsManager {
 }
 
 // list of all possible home screen sections
-export let sections = createSections()
+export let sections = []
 
 settings.subscribe(() => {
+  for (const section of sections) clearInterval(section.interval)
   sections = createSections()
 })
 
@@ -70,7 +71,7 @@ function createSections () {
       }
 
       // update every 30 seconds
-      setInterval(async () => {
+      section.interval = setInterval(async () => {
         if (await RSSManager.getContentChanged(1, 8, url)) {
           section.preview.value = RSSManager.getMediaForRSS(1, 8, url, true)
         }