Merge pull request #94 from hasnainmakada-99/Hasnain

Added The Play not found feature
reactplay · Apr 23, 2022 · 718e21e · 718e21e · vercel · Apr 23, 2022
2 parents ad76da0 + c1091c2
commit 718e21e
Showing 1 changed file with 10 additions and 2 deletions.
diff --git a/src/common/playlists/PlayList.jsx b/src/common/playlists/PlayList.jsx
@@ -1,10 +1,17 @@
 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>
+ );
+ }
  return (
  <>
  <ol className="list-plays">
@@ -13,6 +20,7 @@ const PlayList = () => {
  ))}
  </ol>
  </>
- )};
+ );
+};
 
 export default PlayList;