From 55c96be15442a4e0636631f48f6bad5f8a707695 Mon Sep 17 00:00:00 2001
From: Ashley <ashesofdusk14@gmai.com>
Date: Fri, 12 Jun 2020 01:12:41 +1200
Subject: [PATCH] API Call for Dashboard Statistics

---
 client/src/components/Dashboard/index.js | 41 ++++++++++++++++++------
 1 file changed, 32 insertions(+), 9 deletions(-)

diff --git a/client/src/components/Dashboard/index.js b/client/src/components/Dashboard/index.js
index 3231244..12bd891 100644
--- a/client/src/components/Dashboard/index.js
+++ b/client/src/components/Dashboard/index.js
@@ -1,4 +1,4 @@
-import React from "react";
+import React, { useEffect, useState } from "react";
 import { useAuth } from "../App/Authentication";
 import Statistic from "./components/Statistic";
 import UserOverview from "./components/UserOverview";
@@ -8,6 +8,27 @@ const Dashboard = () => {
   const { user } = useAuth();
   const name = `${user.first_name} ${user.last_name}`;
 
+  const [data, setData] = useState([]);
+  const [userData, setUserData] = useState([]);
+
+  useEffect(() => {
+  fetch('/api/v1/admin/stats', {
+    headers: { "Content-type": "application/json" },
+  })
+  .then(response => response.json())
+  .then((response) => (response?.evidence ? setData(response.evidence) : setData(null)))
+  .then(data => console.log(data));
+  }, []);
+
+  useEffect(() => {
+    fetch('/api/v1/admin/stats', {
+      headers: { "Content-type": "application/json" },
+    })
+    .then(response => response.json())
+    .then((response) => (response?.users? setUserData(response.users) : setUserData(null)))
+    .then(data => console.log(data));
+    }, []);
+
   return (
     <>
       <section className="section">
@@ -20,30 +41,32 @@ const Dashboard = () => {
           {/* Platform Statistics */}
           <div className="columns is-multiline">
             <div className="column is-6-tablet is-3-desktop">
+            {/* {data.evidence.map(({total}) => ( */}
               <Statistic
-                value={8365}
+                value={data.total} // data.evidence.total
                 change={3}
                 text="Total Entries"
                 bgcolor="has-background-link"
               />
+             {/* ))} */}
             </div>
             <div className="column is-6-tablet is-3-desktop">
               <Statistic
-                value={2172}
+                value={data.pendingApproval} // data.evidence.pendingApproval
                 text="In Moderation"
                 bgcolor="has-background-info"
               />
             </div>
             <div className="column is-6-tablet is-3-desktop">
               <Statistic
-                value={24}
+                value={data.pendingAnalysis} // data.evidence.pendingAnalysis
                 text="Pending Analysis"
                 bgcolor="has-background-danger"
               />
             </div>
             <div className="column is-6-tablet is-3-desktop">
               <Statistic
-                value={0}
+                value={userData.total} // data.users.total
                 change={1}
                 text="Total Users"
                 bgcolor="has-background-success"
@@ -59,10 +82,10 @@ const Dashboard = () => {
             <div className="column is-6-tablet is-3-desktop"></div>
             <div className="column is-6-tablet is-3-desktop">
               <UserOverview
-                standard={354}
-                moderators={22}
-                analysts={32}
-                admins={3}
+                standard={userData.standard} // data.users.standard
+                moderators={userData.moderator}
+                analysts={userData.analyst}
+                admins={userData.admin}
                 actions
               />
             </div>