From 956cfbc0e6a797c04f7f920f25b81f26a3f3a765 Mon Sep 17 00:00:00 2001
From: Hasnain Makada <82728823+hasnainmakada-99@users.noreply.github.com>
Date: Fri, 22 Apr 2022 12:59:06 +0530
Subject: [PATCH 1/3] Added The Play not found feature

---
 src/common/playlists/PlayList.jsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/common/playlists/PlayList.jsx b/src/common/playlists/PlayList.jsx
index 483c7cfee9..83a8dc3ecf 100644
--- a/src/common/playlists/PlayList.jsx
+++ b/src/common/playlists/PlayList.jsx
@@ -5,6 +5,13 @@ import './playlist.css';
 
 const PlayList = () => {
   const plays = useSearchFilter();
+  if(Object.keys(plays).length===0){
+    return(
+      <>
+        <h2>Play Not Found</h2>
+      </>
+    )
+  }
   return (
     <>
       <ol className="list-plays">

From 6eaacc75d29af4a773ebdd65cf961020a03146dd Mon Sep 17 00:00:00 2001
From: Hasnain Makada <82728823+hasnainmakada-99@users.noreply.github.com>
Date: Fri, 22 Apr 2022 15:56:32 +0530
Subject: [PATCH 2/3] Removed the Object.keys

---
 src/common/playlists/PlayList.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/common/playlists/PlayList.jsx b/src/common/playlists/PlayList.jsx
index 83a8dc3ecf..26f4afedb8 100644
--- a/src/common/playlists/PlayList.jsx
+++ b/src/common/playlists/PlayList.jsx
@@ -5,10 +5,12 @@ import './playlist.css';
 
 const PlayList = () => {
   const plays = useSearchFilter();
-  if(Object.keys(plays).length===0){
+  if(plays.length===0){
     return(
       <>
+      <div className="play-not-found">
         <h2>Play Not Found</h2>
+      </div>
       </>
     )
   }

From c1091c21b0677ffa3a6131560543dd3fa50636b1 Mon Sep 17 00:00:00 2001
From: Hasnain Makada <82728823+hasnainmakada-99@users.noreply.github.com>
Date: Fri, 22 Apr 2022 16:31:02 +0530
Subject: [PATCH 3/3] Removed Fragments

---
 src/common/playlists/PlayList.jsx | 19 +++++++++----------
 1 file changed, 9 insertions(+), 10 deletions(-)

diff --git a/src/common/playlists/PlayList.jsx b/src/common/playlists/PlayList.jsx
index 26f4afedb8..c4bf68fdea 100644
--- a/src/common/playlists/PlayList.jsx
+++ b/src/common/playlists/PlayList.jsx
@@ -1,18 +1,16 @@
 import { useSearchFilter } from "common/search/hooks/useSearchFilter";
 import PlayThumbnail from "./PlayThumbnail";
 
-import './playlist.css';
+import "./playlist.css";
 
 const PlayList = () => {
   const plays = useSearchFilter();
-  if(plays.length===0){
-    return(
-      <>
-      <div className="play-not-found">
-        <h2>Play Not Found</h2>
-      </div>
-      </>
-    )
+  if (plays.length === 0) {
+    return (
+        <div className="play-not-found">
+          <h2>Play Not Found</h2>
+        </div>
+    );
   }
   return (
     <>
@@ -22,6 +20,7 @@ const PlayList = () => {
         ))}
       </ol>
     </>
-  )};
+  );
+};
 
 export default PlayList;