update swiper

dhruv8433 · Jul 3, 2024 · 2fde8ab · 2fde8ab
1 parent 6476b2e
commit 2fde8ab
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 5 deletions.
diff --git a/app/components/NewsSwiperSlide.jsx b/app/components/NewsSwiperSlide.jsx
@@ -9,6 +9,10 @@ const NewsSwiperSlide = ({ article }) => {
     localStorage.setItem("details", JSON.stringify(art));
   };
 
+  const imageUrl = article.multimedia && article.multimedia.length > 0
+  ? "https://www.nytimes.com/" + article.multimedia[0].url
+  : "";
+
   return (
     <div className="h-full">
       <Link
@@ -17,7 +21,7 @@ const NewsSwiperSlide = ({ article }) => {
       >
         <img
           className="object-cover h-full w-full"
-          src={article.media[0] ? article.media[0]["media-metadata"][2].url: ""}
+          src={imageUrl}
           alt=""
         />
         <div className="absolute bottom-0 left-0 right-0 bg-black bg-opacity-50 p-4">

diff --git a/app/components/Swiper.jsx b/app/components/Swiper.jsx
@@ -13,6 +13,7 @@ import NewsSwiperSlide from "./NewsSwiperSlide";
 import { SwiperSkeleton } from "./Skeleton";
 import { db } from "../firebaseConfig";
 import { collection, getDocs } from "firebase/firestore";
+import { getSpecificQueryNews } from "../Services/getAllNews";
 
 const SwiperSection = () => {
   const [data, setData] = useState([]);
@@ -26,8 +27,8 @@ const SwiperSection = () => {
     // if user is online then send req to api
     if (isOnline) {
       try {
-        const response = await getHeadlines();
-        setData(response);
+        const response = await getSpecificQueryNews("trending");
+        setData(response.docs);
         setLoading(false);
       } catch (error) {
         console.log(error);

diff --git a/app/components/SwiperCard.jsx b/app/components/SwiperCard.jsx
@@ -63,6 +63,10 @@ const newsCard = (article) => {
     }
   }
 
+  const imageUrl = article.multimedia && article.multimedia.length > 0
+  ? "https://www.nytimes.com/" + article.multimedia[0].url
+  : "";
+
   return (
     <div className="px-3 py-1" key={article.url}>
       <div className={`like absolute ml-2 mt-2 border bg-white rounded-full`}>
@@ -86,7 +90,7 @@ const newsCard = (article) => {
         <div className="h-[200px] rounded overflow-hidden">
           <img
             className="object-cover h-full w-full hover:h-[220px]"
-            src={article.media[0] ? article.media[0]["media-metadata"][2].url: ""}
+            src={imageUrl}
             alt=""
           />
           <div className="bottom-0 -mt-20 left-0 right-0 p-4">

diff --git a/app/config/config.js b/app/config/config.js
@@ -21,7 +21,7 @@ export const categorys = [
 ];
 
 // key for api
-export const key = "g0KmbShfkmkI0Jy22BG0OH7A1p0w0bxO";
+export const key = "x1GDJ2YLEA54gjCw0NVcG0hmNWUKmxJ0";
 
 // title
 export const title = "ENews"