src/components/Cards/ResourceBlogCard.jsx

@@ -1,13 +1,12 @@
 import React, { useState } from "react";
 import { Link } from "react-router-dom";
 import { toast } from "react-toastify";
-import localImgLoad from "../../lib/localImgLoad";
-import Icons from "../Helpers/Icons";
 
-export default function ResourceBlogCard({
+export default function ProductCardStyleTwo({
   className,
   datas,
   hidden = false,
+  bg
 }) {
   // debugger;
   const [addFavorite, setValue] = useState(datas.whishlisted);
@@ -21,7 +20,7 @@ export default function ResourceBlogCard({
       toast.warn("Remove to Favorite List");
     }
   };
-
+  
   return (
     <div
       className={`card-style-two w-full h-[336px] p-[20px] bg-white dark:bg-dark-white   rounded-2xl section-shadow ${
@@ -33,7 +32,8 @@ export default function ResourceBlogCard({
           <div
             className="w-full h-[236px] p-6  rounded-xl overflow-hidden"
             style={{
-              background: `url(${`https://blog.float.sg/wp-content/uploads/${datas.meta_value}`}) 0% 0% / cover no-repeat`,
+              background: `url(${`https://blog.wrenchboard.com/wp-content/uploads/${datas.meta_value}`}) 0% 0% / cover no-repeat`,
+            // background: `url(${`${bg}${datas.meta_value}`}) 0% 0% / cover no-repeat`,
             }}
           >
             <div className="product-two-options flex justify-between mb-5 relative">
@@ -50,20 +50,22 @@ export default function ResourceBlogCard({
         </div>
         <div className="details-area">
           {/* title */}
-          <Link to="/shop-details" className="mb-2.5">
+          <a href={datas.guid} target="_blank" className="mb-2.5" rel="noreferrer">
             <h1 className="font-bold text-xl tracking-wide line-clamp-1 text-dark-gray dark:text-white capitalize">
-              {datas.post_title}
+              {datas.post_title || "dummy title..."}
             </h1>
-          </Link>
+          </a>
           <div className="flex justify-between">
             <div className="flex items-center space-x-2"></div>
-            <div>
-              <button
-                type="button"
+            <div className="my-1">
+              <a
+                href={datas.guid}
+                target="_blank"
                 className="px-4 py-2.5 text-white text-sm bg-pink rounded-full tracking-wide"
+                rel="noreferrer"
               >
                 View
-              </button>
+              </a>
             </div>
           </div>
         </div>

src/components/Resources/index.jsx

@@ -23,10 +23,10 @@ export default function Resources(props) {
   const __resources = props.MyResourceData;
 //debugger;
   // Collection Items
-  const collectionProducts = __resources?.collectiondata?.data;
-  const tab_categories = __resources?.tab_categories?.data;
-  const onSaleProducts = __resources?.marketdata?.data;
   const CreatedSell = __resources?.marketdata?.data;
+  const tab_categories = __resources?.tab_categories?.data;
+  const collectionProducts = __resources?.collectiondata?.data;
+  const onSaleProducts = __resources?.marketdata?.data;
   const CreatedBits = __resources?.productdata?.data;
   const blogItems =   __resources?.blogdata?.payload;
 
@@ -36,8 +36,6 @@ export default function Resources(props) {
     setTab(value);
   };
 
-  console.log("first")
-
   // Category Components
   const tabComponents = {
     blog: <BlogTab blogdata={blogItems} />,
@@ -56,7 +54,7 @@ export default function Resources(props) {
     activity: <ActivitiesTab />,
   };
 
-  const defaultTabComponent = <OnSaleTab products={onSaleProducts} />;
+  const defaultTabComponent = <BlogTab blogdata={blogItems} />;
 
   const selectedTabComponent = tabComponents[tab] || defaultTabComponent;
 

src/components/Resources/tabs/BlogTab.jsx

@@ -4,8 +4,7 @@ import SearchCom from "../../Helpers/SearchCom";
 import ResourceBlogCard from "../../Cards/ResourceBlogCard";
 
 export default function BlogTab({ className, blogdata }) {
-
-  console.log("Blog data here>> ", blogdata)
+  console.log("Blog data here>> ", blogdata);
   // debugger;
   return (
     <>
@@ -41,6 +40,7 @@ export default function BlogTab({ className, blogdata }) {
               {/*            </div>*/}
             </div>
           </div>
+
           <div className="content-section w-full-width">
             <div className="grid lg:grid-cols-3 sm:grid-cols-2 grid-cols-1 gap-[30px]">
               <DataIteration
@@ -49,7 +49,11 @@ export default function BlogTab({ className, blogdata }) {
                 endLength={blogdata?.blogdata.length}
               >
                 {({ datas }) => (
-                  <ResourceBlogCard key={datas.id} datas={datas} />
+                  <ResourceBlogCard
+                    key={datas.id}
+                    datas={datas}
+                    bg={blogdata.image_url}
+                  />
                 )}
               </DataIteration>
             </div>

src/views/FamilyManagePage.jsx

@@ -1,9 +1,9 @@
 import FamilyManage from "../components/FamilyAcc/FamilyManage";
 
 export default function FamilyManagePage() {
-    return (
-        <>
-            <FamilyManage />
-        </>
-    );
-}
+  return (
+    <>
+      <FamilyManage />
+    </>
+  );
+}