Merge pull request #39 from ShivaBhattacharjee/popu

reverting back

Author: ShivaBhattacharjee

src/App.css

@@ -34,7 +34,7 @@ h6 {
 }
 
 body{
-  background: hsl(225, 25%, 10%);
+  background: hsl(225, 25%, 7%);
   max-height: 100%;
   min-height: 100vh;
   width: 100%;

src/Loading/StreamLoader.jsx

@@ -9,7 +9,7 @@ const StreamLoader = () => {
                     <div className="video-title">
                         <span><Skeleton /></span>
                         <p>
-                            Note :- For ad-free experience, please use the internal player. If it's not working, external player with adblocker recommended to block ads.
+                        Note :- Refresh the page if player doesnt load or change to nspl player
                         </p>
                     </div>
                     <br />

src/Pages/RecentAnime.jsx

@@ -90,42 +90,41 @@ const RecentAnime = (props) => {
           <section className="movies">
             <div className="filter-bar">
               <div className="heading">
-                <h3>Popular</h3>
+                <h3>Recent Anime</h3>
               </div>
             </div>
             <div className="movies-grid">
-              {props.popular.map((rec) => (
-                <Card
-                  rec={rec}
-                  key={rec.id} handelClick={handelClick}
-                />
-              ))}
+              {props.recent &&
+                props.recent.map((rec) => (
+                  <Card rec={rec} key={rec.id} handelClick={handelClick} />
+                ))}
             </div>
             <div className="loadmore-recent">
-              <Link to="/popular" onClick={scroll}>
+              <Link to="/recent-anime" onClick={scroll}>
                 <button className="loadmore">View More</button>
               </Link>
             </div>
           </section>
           <section className="movies">
             <div className="filter-bar">
               <div className="heading">
-                <h3>Recent Anime</h3>
+                <h3>Popular</h3>
               </div>
             </div>
             <div className="movies-grid">
-              {props.recent &&
-                props.recent.map((rec) => (
-                  <Card rec={rec} key={rec.id} handelClick={handelClick} />
-                ))}
+              {props.popular.map((rec) => (
+                <Card
+                  rec={rec}
+                  key={rec.id} handelClick={handelClick}
+                />
+              ))}
             </div>
             <div className="loadmore-recent">
-              <Link to="/recent-anime" onClick={scroll}>
+              <Link to="/popular" onClick={scroll}>
                 <button className="loadmore">View More</button>
               </Link>
             </div>
           </section>
-
           <ForYou />
           <br /><br />
           <UpcomingSeason />