show creds for customer who lastemailsent is credentials or expiring

Author: pramodreddysareddy

src/pages/hackshack/f2fhelper/template.js

@@ -10,6 +10,7 @@ import { SEO } from '../../../components';
 
 const Student = (props) => {
   const getStudentsApi = `${process.env.GATSBY_WORKSHOPCHALLENGE_API_ENDPOINT}/api/students`;
+  const getCustomerApi = `${process.env.GATSBY_WORKSHOPCHALLENGE_API_ENDPOINT}/api/customers`;
   const [students, setstudents] = useState([]);
   const [error, setError] = useState('');
   const arr = [];
@@ -20,7 +21,7 @@ const Student = (props) => {
     const getToken = () => {
       AuthService.login().then(
         () => {
-          getStudents(AuthService.getCurrentUser().accessToken);
+          getCustomers(AuthService.getCurrentUser().accessToken);
         },
         (err) => {
           console.log('Error: ', err);
@@ -31,18 +32,46 @@ const Student = (props) => {
       );
     };
 
-    const getStudents = (token) => {
+    // get the details from customers table where lastEmailSent = 'credentials' or 'expiring'
+    // this customer data will have a studentId
+    // Make getStudents API call by studentId and display the username and password.
+    const getCustomers = (token) => {
       axios({
         method: 'GET',
-        url: getStudentsApi,
+        url: getCustomerApi,
         headers: { 'x-access-token': token },
       })
         .then((response) => {
-          // Map created
-          response.data.forEach((student) => {
-            // Check is student is assigned
-            if (student.assigned) arr.push({ ...student });
-          });
+          if (response.data.length) {
+            response.data.forEach((item) => {
+              if (
+                item.lastEmailSent === 'credentials' ||
+                item.lastEmailSent === 'expiring'
+              ) {
+                getStudents(token, item.studentId);
+              }
+            });
+          }
+        })
+        .catch((err) => {
+          if (err.response.status === 401) {
+            AuthService.login().then(() => getToken());
+          } else {
+            setError(
+              'Oops..something went wrong. The HPE Developer team is addressing the problem. Please try again later!',
+            );
+          }
+        });
+    };
+
+    const getStudents = (token, studentId) => {
+      axios({
+        method: 'GET',
+        url: `${getStudentsApi}/${studentId}`,
+        headers: { 'x-access-token': token },
+      })
+        .then((response) => {
+          arr.push({ ...response.data });
           if (arr.length <= 0)
             setError('There are currently no active students. Stay tuned!');
           setstudents(arr);
@@ -51,7 +80,6 @@ const Student = (props) => {
           if (err.response.status === 401) {
             AuthService.login().then(() => getToken());
           } else {
-            console.log('catch error', err);
             setError(
               'Oops..something went wrong. The HPE Developer team is addressing the problem. Please try again later!',
             );