From 15a83b67933405f0a156ad9bb0d7ca5fb544f18b Mon Sep 17 00:00:00 2001
From: Fedor Katurov <f.katurov@rogii.com>
Date: Mon, 5 Dec 2022 22:30:40 +0600
Subject: [PATCH] added dominant color to node swiper block

---
 src/components/node/NodeImageSwiperBlock/index.tsx          | 1 +
 src/components/node/NodeImageSwiperBlock/styles.module.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/node/NodeImageSwiperBlock/index.tsx b/src/components/node/NodeImageSwiperBlock/index.tsx
index b6ea234b..0e8b6102 100644
--- a/src/components/node/NodeImageSwiperBlock/index.tsx
+++ b/src/components/node/NodeImageSwiperBlock/index.tsx
@@ -130,6 +130,7 @@ const NodeImageSwiperBlock: FC<IProps> = observer(({ node }) => {
         {images.map((file, i) => (
           <SwiperSlide className={styles.slide} key={file.id}>
             <Image
+              style={{ backgroundColor: file.metadata?.dominant_color }}
               src={getURL(file, ImagePresets['1600'])}
               width={file.metadata?.width}
               height={file.metadata?.height}
diff --git a/src/components/node/NodeImageSwiperBlock/styles.module.scss b/src/components/node/NodeImageSwiperBlock/styles.module.scss
index 0b2a3506..85b6a749 100644
--- a/src/components/node/NodeImageSwiperBlock/styles.module.scss
+++ b/src/components/node/NodeImageSwiperBlock/styles.module.scss
@@ -122,6 +122,7 @@
   border-radius: $radius;
   transition: box-shadow 1s;
   box-shadow: transparentize(black, 0.7) 0 3px 5px;
+  background-color: red;
 
   :global(.swiper-slide-active) & {
     box-shadow: transparentize(black, 0.9) 0 10px 5px 4px,