From 6ca51225b1f9988ebf5cdb886706cf5c044bf18f Mon Sep 17 00:00:00 2001
From: tonyrewin <anton.rewin@gmail.com>
Date: Sun, 27 Nov 2022 20:30:59 +0300
Subject: [PATCH] fixing-slider

---
 src/components/_shared/Slider.tsx | 23 +++++++++--------------
 1 file changed, 9 insertions(+), 14 deletions(-)

diff --git a/src/components/_shared/Slider.tsx b/src/components/_shared/Slider.tsx
index 049bb3b2..6b2a737e 100644
--- a/src/components/_shared/Slider.tsx
+++ b/src/components/_shared/Slider.tsx
@@ -4,13 +4,11 @@ import 'swiper/scss'
 import 'swiper/scss/navigation'
 import 'swiper/scss/pagination'
 import './Slider.scss'
-import type { Shout } from '../../graphql/types.gen'
 import { createEffect, createMemo, createSignal, Show, For, JSX } from 'solid-js'
 import { Icon } from './Icon'
 
 interface SliderProps {
   title?: string
-  articles?: Shout[]
   slidesPerView?: number
   isCardsWithCover?: boolean
   children?: JSX.Element
@@ -57,25 +55,22 @@ export default (props: SliderProps) => {
       }, 500)
     }
   })
-  const articles = createMemo(() => props.articles)
 
   return (
     <div class="floor floor--important">
       <div class="wide-container">
         <div class="row">
           <h2 class="col-12">{props.title}</h2>
-          <Show when={!!articles()}>
-            <div class="swiper" classList={{ 'cards-with-cover': isCardsWithCover }} ref={el}>
-              <div class="swiper-wrapper">{props.children}</div>
-              <div class="slider-arrow-next" ref={nextEl} onClick={() => swiper()?.slideNext()}>
-                <Icon name="slider-arrow" class={'icon'} />
-              </div>
-              <div class="slider-arrow-prev" ref={prevEl} onClick={() => swiper()?.slidePrev()}>
-                <Icon name="slider-arrow" class={'icon'} />
-              </div>
-              <div class="slider-pagination" ref={pagEl} />
+          <div class="swiper" classList={{ 'cards-with-cover': isCardsWithCover }} ref={el}>
+            <div class="swiper-wrapper">{props.children}</div>
+            <div class="slider-arrow-next" ref={nextEl} onClick={() => swiper()?.slideNext()}>
+              <Icon name="slider-arrow" class={'icon'} />
             </div>
-          </Show>
+            <div class="slider-arrow-prev" ref={prevEl} onClick={() => swiper()?.slidePrev()}>
+              <Icon name="slider-arrow" class={'icon'} />
+            </div>
+            <div class="slider-pagination" ref={pagEl} />
+          </div>
         </div>
       </div>
     </div>