Add Plyr Video Player

kaamil-ahamadh · Nov 18, 2022 · 8416be6 · 8416be6
1 parent ca4bc0b
commit 8416be6
Show file tree

Hide file tree

Showing 3 changed files with 122 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -7,6 +7,7 @@
     "@testing-library/react": "^13.4.0",
     "@testing-library/user-event": "^13.5.0",
     "axios": "^1.1.3",
+    "plyr-react": "^5.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-icons": "^4.6.0",

diff --git a/src/screens/VideoDetailsScreen.js b/src/screens/VideoDetailsScreen.js
@@ -1,13 +1,11 @@
-import React, { useContext, useEffect, useState } from "react";
+import React, { useEffect, useState } from "react";
 import { useParams } from "react-router-dom";
 
-import GlobalContext from "../context/GlobalContext";
 import { youtubeApiVideoDetails } from "../apis/youtubeApi";
 import { VideoPlayCard } from "../components";
 
 const VideoDetailsScreen = () => {
   const { id, title } = useParams();
-  const { setLoading } = useContext(GlobalContext);
 
   const [video, setVideo] = useState({});