diff --git a/src/components/Home/HomeActivities.jsx b/src/components/Home/HomeActivities.jsx index 66e1f42..9dce29e 100644 --- a/src/components/Home/HomeActivities.jsx +++ b/src/components/Home/HomeActivities.jsx @@ -1,75 +1,126 @@ -import React, { useState } from "react"; +import React, { useEffect, useState } from "react"; import dataImage1 from "../../assets/images/data-table-user-1.png"; -import dataImage2 from "../../assets/images/data-table-user-2.png"; -import dataImage3 from "../../assets/images/data-table-user-3.png"; -import dataImage4 from "../../assets/images/data-table-user-4.png"; -import SelectBox from "../Helpers/SelectBox"; +import usersService from "../../services/UsersService"; export default function HomeActivities({ className }) { - const filterCategories = ["All Categories", "Explore", "Featured"]; - const [selectedCategory, setCategory] = useState(filterCategories[0]); - return ( -
-
-
-

- Recent Activities -

+ const [recentActivitiesData, setRecentActivitiesData] = useState({ + loading: false, + status: false, + msg: "", + data: null, + }); -
-
-
- - - {/* table heading */} - {/**/} - {/* */} - {/* */} - {/* */} + const _apiCall = new usersService(); - {/* */} - {/**/} - - + const getRecentActivities = async () => { + setRecentActivitiesData((prev) => ({ ...prev, loading: true })); + let res; + try { + res = await _apiCall.getRecentActivities(null); + res = res.data; + if (res?.internal_return >= 0) { + setRecentActivitiesData((prev) => ({ + ...prev, + loading: false, + status: true, + data: res.result_list, + })); + } else { + setRecentActivitiesData((prev) => ({ + ...prev, + loading: false, + status: false, + msg: "Something went wrong", + })); + } + } catch (error) { + setRecentActivitiesData((prev) => ({ + ...prev, + loading: false, + status: false, + msg: "Unable to see this", + })); + throw new Error(`Unable to see this because: ${error}`); + } + }; + useEffect(() => { + getRecentActivities(); + }, []); + console.log(recentActivitiesData); - - - -
*/} - {/* All Product*/} - {/* .
-
-
- data -
-
-

- Title Here -

- - Description Goes Here - -
-
-
-
- - - AddedHERE - -
-
-
+ return ( +
+
+
+

+ Recent Activities +

- ); +
+
+ + + {/* table heading */} + {/**/} + {/* */} + {/* */} + {/* */} + + {/* */} + {/**/} + + {recentActivitiesData.loading ? ( + <> + ) : recentActivitiesData.data ? ( + recentActivitiesData.data?.map((item) => { + let addedDate = item?.added?.split(" ")[0]; + return ( + + + + + + ); + }) + ) : null} + +
*/} + {/* All Product*/} + {/* .
+
+
+ data +
+
+

+ {item.title ? item.title : "Title"} +

+ + {item.description ? item.description : ""} + +
+
+
+
+ + {item.added ? addedDate : ""} + +
+
+
+
+ ); } diff --git a/src/services/UsersService.js b/src/services/UsersService.js index 6fb9a82..232b4be 100644 --- a/src/services/UsersService.js +++ b/src/services/UsersService.js @@ -30,6 +30,16 @@ class usersService { return this.postAuxEnd("/dashdata", postData); } + getRecentActivities(){ + var postData = { + uid: localStorage.getItem("uid"), + member_id: localStorage.getItem("member_id"), + sessionid: localStorage.getItem("session_token"), + action: 11202 + }; + return this.postAuxEnd("/recentactivities", postData); + } + logInUser(reqData) { localStorage.setItem("session_token", ``); return this.postAuxEnd("/userlogin", reqData);