From 58321035240581eeb1b477288df752f75e731a02 Mon Sep 17 00:00:00 2001
From: Shiva <shivaxwarrior@gmail.com>
Date: Sat, 15 Jul 2023 19:45:27 +0530
Subject: [PATCH] Fixed watch now btn streaming last episode

---
 src/App.css           |  6 +++---
 src/Pages/Details.jsx | 10 +++++++++-
 2 files changed, 12 insertions(+), 4 deletions(-)

diff --git a/src/App.css b/src/App.css
index 1178623e..4290fc8e 100644
--- a/src/App.css
+++ b/src/App.css
@@ -83,9 +83,9 @@ a {
 
 .react-loading-skeleton {
   display: block;
-  animation: pulse 1.5s ease-in-out 0.5s infinite;
+  animation: pulse 1.8s ease-in-out 0.5s infinite;
   transform: translateZ(0);
-  background: linear-gradient(-90deg, #000000 0%, #444 50%, #444 100%);
+  background: linear-gradient(-90deg, #000000 0%, #646161 50%, #646161  50%);
   background-size: 400% 400%;
 }
 
@@ -94,7 +94,7 @@ a {
     background-position: 0% 0%;
   }
   100% {
-    background-position: -100% 0%;
+    background-position: -100% 90%;
   }
 }
 
diff --git a/src/Pages/Details.jsx b/src/Pages/Details.jsx
index 69325b72..3211fc1b 100644
--- a/src/Pages/Details.jsx
+++ b/src/Pages/Details.jsx
@@ -28,7 +28,15 @@ export default function Details(props) {
       const response = await api.json()
       const responseArray = [response];
       setDetail(responseArray);
-      const [firstEpisode] = response.episodes;
+      const firstEpisode = response.episodes.reduce(
+        (smallestEpisode, currentEpisode) => {
+          if (currentEpisode.number < smallestEpisode.number) {
+            return currentEpisode;
+          } else {
+            return smallestEpisode;
+          }
+        }
+      );
       if (firstEpisode) {
         setWatch(firstEpisode.id);
       } else {