Merge pull request #29 from NwinNwin/steven-about+page

added live stats in about page
NwinNwin · Sep 20, 2023 · 1c8f98e · 1c8f98e
2 parents d8838d5 + 174eb6a
commit 1c8f98e
Showing 1 changed file with 11 additions and 3 deletions.
diff --git a/src/components/AboutPage/AboutPage.jsx b/src/components/AboutPage/AboutPage.jsx
@@ -15,6 +15,9 @@ export default function AboutPage() {
   const navigate = useNavigate();
   const [screenWidth, setScreenWidth] = useState(window.screen.width);
   const [data, setData] = useState([]);
+  const [leaderboard, setLeaderboard] = useState([]);
+  console.log("leaderboard", leaderboard);
+  console.log("data", data);
 
   window.onresize = () => {
     setScreenWidth(window.screen.width);
@@ -27,9 +30,14 @@ export default function AboutPage() {
   useEffect(() => {
     const getData = async () => {
       axios
-        .get("http://localhost:3001/items")
+        .get(`${process.env.REACT_APP_AWS_BACKEND_URL}/items/`)
         .then((data) => setData(data.data))
         .catch((err) => console.log(err));
+
+      axios
+        .get(`${process.env.REACT_APP_AWS_BACKEND_URL}/leaderboard/`)
+        .then((leaderboardData) => setLeaderboard(leaderboardData.data))
+        .catch((err) => console.log(err));
     };
     getData();
   }, []);
@@ -97,15 +105,15 @@ export default function AboutPage() {
         </Flex>
         <Flex direction={"column"} m={"1%"}>
           <Text fontWeight={600} fontSize={{ base: "1.3rem", md: "2.4rem" }}>
-            0
+            {data.filter((item) => item.isresolved).length}
           </Text>
           <Text fontSize={{ base: "0.8rem", md: "1.2rem" }}>
             Successful Returns
           </Text>
         </Flex>
         <Flex direction={"column"} m={"1%"}>
           <Text fontWeight={600} fontSize={{ base: "1.3rem", md: "2.4rem" }}>
-            {data.length}
+            {leaderboard.length}
           </Text>
           <Text fontSize={{ base: "0.8rem", md: "1.2rem" }}>Active Users</Text>
         </Flex>