ft main admin dashboared

Author: shebz2023

src/Chart/LineChart.tsx

@@ -14,51 +14,15 @@ import { UserInterface } from '../pages/TraineeAttendanceTracker';
 import { Organization } from '../components/Organizations';
 
 export function UserChart() {
-  const GET_ALL_ORG_USERS = gql`
-    query GetAllOrgUsers {
-      getAllOrgUsers {
-        totalUsers
-        organizations {
-          organization {
-            id
-            name
-            description
-            admin {
-              id
-              email
-              profile {
-                name
-                phoneNumber
-              }
-            }
-            status
-          }
-          members {
-            email
-            profile {
-              name
-            }
-          }
-          monthPercentage
-          loginsCount
-          recentLocation
-        }
-      }
+  const GetAllUsers = gql`
+  query GetAllUsers($orgToken: String!) {
+    getAllUsers(orgToken: $orgToken) {
+      id
+      firstName
+      lastName
     }
-  `;
-
-  const GET_REGISTRATION_STATS = gql`
-    query GetRegistrationStats {
-      getRegistrationStats {
-        year
-        stats {
-          month
-          users
-          organizations
-        }
-      }
-    }
-  `;
+  }
+`
 
   interface AllOrgUsersInterface {
     totalUsers: number;
@@ -87,7 +51,6 @@ export function UserChart() {
       | 'dec'
       | null;
     users: number | null;
-    organizations: number | null;
   }
 
   interface RegistrationDataInterface {
@@ -106,26 +69,17 @@ export function UserChart() {
   const [selectedYear, setSelectedYear] = useState<number>();
   const [registrationYears, setRegistrationYears] = useState<number[]>();
 
-  const [getAllOrgUsers, { loading: getAllOrgUsersLoading }] =
-    useLazyQuery(GET_ALL_ORG_USERS);
-  const [getRegistrationStats, { loading: getRegistrationStatsLoading }] =
-    useLazyQuery(GET_REGISTRATION_STATS);
+  const [getAllusers, { loading: getAllOrgUsersLoading }] =
+    useLazyQuery(GetAllUsers);
 
   useEffect(() => {
-    getAllOrgUsers({
+    getAllusers({
       fetchPolicy: 'network-only',
       onCompleted: (data) => {
         setAllOrgsUsers(data.getAllOrgUsers);
       },
     });
-
-    getRegistrationStats({
-      fetchPolicy: 'network-only',
-      onCompleted: (data) => {
-        setRegistrationData(data.getRegistrationStats);
-      },
-    });
-  }, [getAllOrgUsers, getRegistrationStats]);
+  }, [getAllusers]);
 
   useEffect(() => {
     const years = [new Date().getFullYear()];
@@ -160,12 +114,10 @@ export function UserChart() {
       {
         month: null,
         users: 0,
-        organizations: 0,
       },
       ...months.map((month) => ({
         month: month as RegistrationDataStatsInterface['month'],
         users: null,
-        organizations: null,
       })),
     ];
     if (registrationData) {
@@ -177,7 +129,7 @@ export function UserChart() {
     setSelectedRegistrationData(data);
   }, [selectedYear, registrationData]);
 
-  if (getAllOrgUsersLoading || getRegistrationStatsLoading) {
+  if (getAllOrgUsersLoading) {
     return <div>Loading...</div>;
   }