videos component corrected

src/components/videos/Videos.tsx

@@ -1,18 +1,18 @@
 // Modules
-import { v4 as uuiv4 } from "uuid";
+import { v4 as uuiv4 } from 'uuid';
 
 // Components
-import SectionTitle from "../global/SectionTitle";
+import SectionTitle from '../global/SectionTitle';
-import VideosItem from "./VideosItem";
+import VideosItem from './VideosItem';
 
 // Images
-import Placeholder from "../../assets/images/placeholder.jpg";
+import Placeholder from '../../assets/images/placeholder.jpg';
 
 // Videos
-import VideoPlaceholder from "../../assets/videos/placeholder.mp4";
+import VideoPlaceholder from '../../assets/videos/placeholder.mp4';
 
 // Types
-import { videosDataType } from "../../types/videos.types";
+import { videosDataType } from '../../types/videos.types';
 
 const videosData: videosDataType[] = [
   {
@@ -36,26 +36,26 @@ const videosData: videosDataType[] = [
 const Videos = () => {
   return (
     <section className="videos">
-      <div className="container">
+      {/* <div className="container"> */}
-        <div className="videos-inner">
+      <div className="videos-inner">
-          <SectionTitle
+        <SectionTitle
-            title="Видео"
+          title="Видео"
-            givenClass="videos"
+          givenClass="videos"
-            linkData={{ link: "/", title: "Посмотреть все" }}
+          linkData={{ link: '/', title: 'Посмотреть все' }}
-          />
+        />
-          <div className="videos-items">
+        <div className="videos-items">
-            {videosData.map((videosDataItem: videosDataType) => {
+          {videosData.map((videosDataItem: videosDataType) => {
-              return (
+            return (
-                <VideosItem
+              <VideosItem
-                  key={uuiv4()}
+                key={uuiv4()}
-                  url={videosDataItem.url}
+                url={videosDataItem.url}
-                  placeholder={videosDataItem.placeholder}
+                placeholder={videosDataItem.placeholder}
-                />
+              />
-              );
+            );
-            })}
+          })}
-          </div>
         </div>
       </div>
+      {/* </div> */}
     </section>
   );
 };