Corrections and removals

youtube/src/components/Comments.js

@@ -1,4 +1,4 @@
-import React, { useEffect } from 'react'
+import { useEffect } from 'react'
 
 const Comments = () => {
 

youtube/src/components/Header.js

@@ -43,19 +43,6 @@ const Header = () => {
   },[searchQuery]);
 
 
-/*
-* key - i
-* render the component
-* useEffect();
-* start timer → make api call after 200 ms
-
-* key - ip
-* destroy the component(useffect return method)
-* re-render the component
-* useEffect()
-* start timer = make api call after 200 ms
-*/
-
   return (
     <div className="grid grid-flow-col p-2 m-2 shadow-lg">
         <div className="flex col-span-1">

youtube/src/components/SideBar.js

@@ -4,6 +4,7 @@ import { Link } from "react-router-dom";
 
 const SideBar = () => {
   const sidebarVisible = useSelector(state => state.app.isMenuOpen);
+
   return (
     sidebarVisible ?
     (<div className="p-5 shadow-lg w-56 col-span-2">

youtube/src/components/Subscriptions.js

@@ -11,11 +11,12 @@ const Subscriptions = () => {
     useEffect(() => {
         getSubscription();
     },[])
+
   return (
     <div>
         Channnel Page Here
     </div>
-  )
+  );
 }
 
 export default Subscriptions

youtube/src/components/VideoListContainer.js

@@ -7,6 +7,7 @@ import VideoCard from "./VideoCard";
 const VideoListContainer = () => {
   const dispatch = useDispatch();
   const videData = useSelector(state => state.app.videoData);
+
   const getVideos = async () => {
     console.log(YOUTUBE_VIDEO_API);
     const data = await fetch(YOUTUBE_VIDEO_API);
@@ -22,7 +23,7 @@ const VideoListContainer = () => {
     <div>
         <VideoCard videData={videData}/>
     </div>
-  )
+  );
 }
 
 export default VideoListContainer

youtube/src/components/WatchPage.js

@@ -13,17 +13,15 @@ const WatchPage = () => {
   }, []);
 
   return (
-    <div className="flex flex-col">
-      <div>
-        <iframe width="1400" height="600"
-        src={`https://www.youtube.com/embed/${videoId}`}
-        title="YouTube video player"
-        frameborder="0"
-        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin"
-        allowfullscreen>
-        </iframe>
-      </div>
-      <CommentContainer />
+    <div>
+      <iframe width="1400" height="600"
+      src={`https://www.youtube.com/embed/${videoId}`}
+      title="YouTube video player"
+      frameborder="0"
+      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
+      referrerpolicy="strict-origin-when-cross-origin"
+      allowfullscreen>
+      </iframe>
     </div>
   )
 }