From 267b06418ed3363ae495f8a6cb7d6af74784e7b8 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Thu, 23 Mar 2023 18:50:25 +0500
Subject: [PATCH] commit

---
 src/components/news/NewsArticleImg.tsx    |  2 +-
 src/components/news/NewsArticleSlider.tsx | 19 +++++++++----------
 src/types/data.types.ts                   |  1 +
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/components/news/NewsArticleImg.tsx b/src/components/news/NewsArticleImg.tsx
index fb4da35..73ad6ff 100644
--- a/src/components/news/NewsArticleImg.tsx
+++ b/src/components/news/NewsArticleImg.tsx
@@ -21,7 +21,7 @@ const NewsArticleImg = ({ img, video }: IProps) => {
   return (
     <div className={'news-article-image'}>
       {video && video.length > 53 ? (
-        <ReactPlayer url={videoParse} controls width="100%" height="100%" />
+        <ReactPlayer url={videoParse} controls width="100%" height="100%" light={placeholder} />
       ) : (
         <LazyLoadImage
           src={img}
diff --git a/src/components/news/NewsArticleSlider.tsx b/src/components/news/NewsArticleSlider.tsx
index 1ababe2..8d3e93e 100644
--- a/src/components/news/NewsArticleSlider.tsx
+++ b/src/components/news/NewsArticleSlider.tsx
@@ -1,16 +1,16 @@
 // Modules
-import { Swiper, SwiperSlide, useSwiper } from "swiper/react";
-import { Navigation, Pagination, Autoplay } from "swiper";
-import { v4 as uuidv4 } from "uuid";
+import { Swiper, SwiperSlide, useSwiper } from 'swiper/react';
+import { Navigation, Pagination, Autoplay } from 'swiper';
+import { v4 as uuidv4 } from 'uuid';
 
 // Components
-import NewsArticleImg from "./NewsArticleImg";
+import NewsArticleImg from './NewsArticleImg';
 
-import { IPostData } from "../../types/store.types";
+import { IPostData } from '../../types/store.types';
 
 interface IProps {
-  images: IPostData["data"]["data"]["featured_images"];
-  video: IPostData["data"]["data"]["video"];
+  images: IPostData['data']['data']['featured_images'];
+  video: IPostData['data']['data']['video'];
 }
 
 const NewsArticleSlider = ({ images, video }: IProps) => {
@@ -27,10 +27,9 @@ const NewsArticleSlider = ({ images, video }: IProps) => {
         }}
         modules={[Navigation, Pagination, Autoplay]}
         pagination={{
-          type: "bullets",
+          type: 'bullets',
           clickable: true,
-        }}
-      >
+        }}>
         {images.map((img) => (
           <SwiperSlide key={uuidv4()}>
             <NewsArticleImg img={img.path} video={video} />
diff --git a/src/types/data.types.ts b/src/types/data.types.ts
index fe6d9ce..619bb03 100644
--- a/src/types/data.types.ts
+++ b/src/types/data.types.ts
@@ -37,6 +37,7 @@ export interface IPostsData {
   title: string;
   slug: string;
   awtor: string;
+  placeholder: string;
   views: number;
   excerpt: string;
   published_at: string;