From 111782763b82a26efeb384a655801f83f5416242 Mon Sep 17 00:00:00 2001
From: Kakabay <kashyrberdyew@gmail.com>
Date: Tue, 7 Mar 2023 15:32:29 +0500
Subject: [PATCH] Videos lang added

---
 src/components/videos/Videos.tsx | 41 +++++++++++++++++---------------
 1 file changed, 22 insertions(+), 19 deletions(-)

diff --git a/src/components/videos/Videos.tsx b/src/components/videos/Videos.tsx
index d56df66..cd8a3e2 100644
--- a/src/components/videos/Videos.tsx
+++ b/src/components/videos/Videos.tsx
@@ -1,29 +1,27 @@
 // Modules
-import { useEffect, useState } from "react";
-import { v4 as uuiv4 } from "uuid";
-import { useSelector, useDispatch } from "react-redux";
+import { useEffect, useState } from 'react';
+import { v4 as uuiv4 } from 'uuid';
+import { useSelector, useDispatch } from 'react-redux';
 
 // Components
-import SectionTitle from "../global/SectionTitle";
-import VideosItem from "./VideosItem";
+import SectionTitle from '../global/SectionTitle';
+import VideosItem from './VideosItem';
 
 // Types
-import { RootState } from "../../types/store.types";
+import { RootState } from '../../types/store.types';
 
 // Api
-import { Api } from "../../api/Api";
-import { url } from "../../url";
-import { videoParams } from "../../api/params";
+import { Api } from '../../api/Api';
+import { url } from '../../url';
+import { videoParams } from '../../api/params';
 
 // Actions
-import { setVideo } from "../../actions/setData";
-import Loader from "../global/Loader";
+import { setVideo } from '../../actions/setData';
+import Loader from '../global/Loader';
 
 const Videos = () => {
-  const data = useSelector<RootState, RootState["video"]["data"]>(
-    (state) => state.video.data
-  );
-  const api = new Api(url + "/pagination/posts", videoParams);
+  const data = useSelector<RootState, RootState['video']['data']>((state) => state.video.data);
+  const api = new Api(url + '/pagination/posts', videoParams);
   const language = api.language;
   const dispatch = useDispatch();
   const [lastLanguage, setLastLanguage] = useState<typeof language>(language);
@@ -38,9 +36,14 @@ const Videos = () => {
     <section className="videos">
       <div className="videos-inner">
         <SectionTitle
-          title="Видео"
           givenClass="videos"
-          linkData={{ link: "/all?type=video", title: "Посмотреть все" }}
+          title={language === 'EN' ? 'Videos' : language === 'RU' ? 'Видео' : 'Videolar'}
+          linkData={{
+            link: '/all',
+            title: `${
+              language === 'EN' ? 'View all' : language === 'RU' ? 'Посмотреть все' : 'Doly gör'
+            }`,
+          }}
         />
         <div className="videos-items">
           {data.status_code > 0 ? (
@@ -49,11 +52,11 @@ const Videos = () => {
                 return (
                   <VideosItem
                     key={uuiv4()}
-                    url={videosDataItem.video || ""}
+                    url={videosDataItem.video || ''}
                     placeholder={
                       videosDataItem.featured_images[0]
                         ? videosDataItem.featured_images[0].path
-                        : ""
+                        : ''
                     }
                     date={videosDataItem.published_at}
                     excerpt={videosDataItem.excerpt}