Tracking page

src/Routers.jsx

@@ -65,6 +65,9 @@ export default function Routers() {
           <Route exact path="/resources" element={<ResourcePage />} />
           <Route exact path="/my-wallet" element={<MyWalletPage />} />
           <Route exact path="/notification" element={<Notification />} />
+
+          <Route exact path="/t-weight" element={<TrackingPage />} />
+
           <Route
             exact
             path="/my-collection/collection-item"

src/components/Cards/TrackItemCard.jsx

@@ -16,7 +16,7 @@ export default function TrackItemCard({ datas, hidden = false }) {
     }
   };
   return (
-    <div className="card-style-one flex flex-col justify-between w-full h-[187px] bg-white dark:bg-dark-white   p-3 pb rounded-2xl">
+    <div className="card-style-one flex flex-col justify-between w-full h-[240px] bg-white dark:bg-dark-white   p-3 pb rounded-2xl">
       <div className="content">
         {/* thumbnail */}
         <div className="w-full h-40">
@@ -95,14 +95,16 @@ export default function TrackItemCard({ datas, hidden = false }) {
             />
           </div>
           <p className="text-sm text-thin-light-gray dark:text-white">
-            Owned by
-            <Link to="/user-profile" className="text-purple ml-1">
-              {datas.username}
+            <Link
+            to={`/${datas.widget}`}
+            className="text-xl font-bold text-dark-gray dark:text-white mb-2 capitalize line-clamp-1"
+            >
+            {datas.title}
             </Link>
           </p>
         </div>
 
-      </div>
+        </div>
      
     </div>
   );

src/components/Tracking/TrackCategory.jsx

@@ -3,7 +3,7 @@ import TrackItemCard from "../Cards/TrackItemCard";
 import Icons from "../Helpers/Icons";
 import SliderCom from "../Helpers/SliderCom";
 
-export default function TrackCategoy({ className, trending }) {
+export default function TrackCategory({ className, trackcategory }) {
   const settings = {
     arrows: false,
     slidesToShow: 4,
@@ -91,9 +91,9 @@ export default function TrackCategoy({ className, trending }) {
       {/* trending products */}
       <div className="trending-products relative w-full">
         <SliderCom selector={trendingSlider} settings={settings}>
-          {trending &&
-            trending.length > 0 &&
-            trending.map((item) => (
+          {trackcategory &&
+            trackcategory.length > 0 &&
+            trackcategory.map((item) => (
               <TrackItemCard key={item.id} datas={item} />
             ))}
         </SliderCom>

src/components/Tracking/index.jsx

@@ -1,20 +1,24 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import HistoryAnalyticsCard from "../Cards/HistoryAnalyticsCard";
 import SellHistoryMarketVisitorAnalytic from "../Home/SellHistoryMarketVisitorAnalytic";
 import Layout from "../Partials/Layout";
 import TrackingTable from "./TrackingTable";
 import MarketHistorySection from "./MarketHistorySection";
-import TrackCategoy from "./TrackCategory";
+import TrackCategory from "./TrackCategory";
 import datas from "../../data/product_data.json";
 
-export default function Tracking() {
+export default function Tracking(props) {
+  console.log("IN TRACKING COMPO", props);
+ 
   const trending = datas.datas;
+  console.log("IN TRACKING COMPO TRD", trending);
+  //debugger;
   return (
     <>
       <Layout>
         <div className="history-wrapper w-full mb-10">
           <div className="main-wrapper w-full">
-            <TrackCategoy trending={trending} className="mb-10" />
+            <TrackCategory trackcategory={props.trackCategory} className="mb-10" />
             <TrackingTable />
           </div>
         </div>

src/services/UsersService.js

@@ -43,6 +43,13 @@ class usersService {
         };
         return this.getAuxEnd("/resources", reqData);
       }
+
+      getTrackCategory(){
+        var reqData = {
+            member_id: localStorage.getItem("member_id")
+        };
+        return this.getAuxEnd("/trackcategory", reqData);
+      }
     //----------------------------------------  -----
     //----------------------------------------  -----
     // Unified call below

src/views/TrackingPage.jsx

@@ -1,10 +1,32 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import Tracking from "../components/Tracking";
-
+import usersService
+ from "../services/UsersService";
 export default function TrackingPage() {
+    const userApi = new usersService();
+    const [trackCategory, setTrackCategory] = useState([]);
+//debugger;
+    const getTrackCategory = async () => {
+        try {
+          const res = await userApi.getTrackCategory(); 
+          if(res.status == 200){
+            setTrackCategory(res.data);
+            return
+          }
+        }catch(error) {
+            console.log("error ~");
+        }
+      };
+      
+      useEffect(() => {
+        getTrackCategory();
+      }, []);
+
     return (
         <>
-            <Tracking />
+            <Tracking 
+              trackCategory={trackCategory}
+            />
         </>
     );
 }