From 15691a973d9c3cf36a0a64f68378374269f3dff4 Mon Sep 17 00:00:00 2001
From: Ilya Y <75578537+ilya-bkv@users.noreply.github.com>
Date: Thu, 26 Oct 2023 06:17:23 +0300
Subject: [PATCH] homepage slider conditional render (#283)

---
 src/components/Views/Home.tsx | 64 +++++++++++++++++++----------------
 1 file changed, 34 insertions(+), 30 deletions(-)

diff --git a/src/components/Views/Home.tsx b/src/components/Views/Home.tsx
index 3c326c40..90bbfbe3 100644
--- a/src/components/Views/Home.tsx
+++ b/src/components/Views/Home.tsx
@@ -129,21 +129,23 @@ export const HomeView = (props: Props) => {
           nodate={true}
         />
 
-        <Slider title={t('Top month articles')}>
-          <For each={topMonthArticles()}>
-            {(a: Shout) => (
-              <ArticleCard
-                article={a}
-                settings={{
-                  additionalClass: 'swiper-slide',
-                  isFloorImportant: true,
-                  isWithCover: true,
-                  nodate: true
-                }}
-              />
-            )}
-          </For>
-        </Slider>
+        <Show when={topMonthArticles()}>
+          <Slider title={t('Top month articles')}>
+            <For each={topMonthArticles()}>
+              {(a: Shout) => (
+                <ArticleCard
+                  article={a}
+                  settings={{
+                    additionalClass: 'swiper-slide',
+                    isFloorImportant: true,
+                    isWithCover: true,
+                    nodate: true
+                  }}
+                />
+              )}
+            </For>
+          </Slider>
+        </Show>
 
         <Row2 articles={sortedArticles().slice(10, 12)} nodate={true} />
 
@@ -159,21 +161,23 @@ export const HomeView = (props: Props) => {
 
         {randomLayout()}
 
-        <Slider title={t('Favorite')}>
-          <For each={topArticles()}>
-            {(a: Shout) => (
-              <ArticleCard
-                article={a}
-                settings={{
-                  additionalClass: 'swiper-slide',
-                  isFloorImportant: true,
-                  isWithCover: true,
-                  nodate: true
-                }}
-              />
-            )}
-          </For>
-        </Slider>
+        <Show when={topArticles()}>
+          <Slider title={t('Favorite')}>
+            <For each={topArticles()}>
+              {(a: Shout) => (
+                <ArticleCard
+                  article={a}
+                  settings={{
+                    additionalClass: 'swiper-slide',
+                    isFloorImportant: true,
+                    isWithCover: true,
+                    nodate: true
+                  }}
+                />
+              )}
+            </For>
+          </Slider>
+        </Show>
 
         <Beside
           beside={sortedArticles()[20]}