updating eksMetricsRequest again

Author: elenaatencio

electron/routes/cloudbased.ts

@@ -255,6 +255,8 @@ ipcMain.on(
 );
 
  // v10 notes:  Has not been reconfigured to refer to User database yet, only works for guest. 
+   // We tried dynamically pulling the grafana dashboard with just the AWS cluster URL, but did not complete it in the allotted time...
+  // If future teams could get it rendering dynamically that would be awesome :)
 /**
  * @event   eksMetricsRequest
  * @desc    Connects user to Cloudwatch using aws-sdk and fetches data for ECS Clusters/Services
@@ -266,21 +268,49 @@ ipcMain.on('eksMetricsRequest', async (message:Electron.IpcMainEvent, username:
   const fileContents = JSON.parse(fs.readFileSync(settingsLocation, 'utf8'));
   const userAwsService = fileContents[username]?.services[appIndex];
   const [typeOfService, region, awsUrl, token] = [userAwsService[4], userAwsService[2], userAwsService[9], userAwsService[7]];
+  // awsURL -> the input is actually the Grafana Dashboard URL you receive after exporting the external hostname 
+  // of the Kubernetes Service in the Grafana Namespace (see step 3 of the AWS/EKS readme)
+  // token -> is the Bearer Token which must be generated by the admin in Grafana to use the Grafana Dashboard API.
+
+  // build the url for the GET request to the Grafana Dashboard with the Grafana URL. This will find the available dashboard
+  // and return the dashboard data -> we want the completed dashboard URL which will be sent in the response to the front end
+  // and pulled into the Grafana Iframe Component to render the graph.
 
   const url = `${awsUrl}/api/search?folderIds=0`
-  console.log("hi")
-  const response = await fetch(url, {
+
+    fetch(url, {
     method: 'GET',
     headers: {
-      "Access-Control-Allow-Origin": "*",
-      Accept: "application/json",
-      "Content-Type": "application/json",
-      Authorization: `Bearer ${token}`,
-    },
+      'Content-Type': 'application/json',
+      'Accept': 'application/json',
+      'Authorization': `Bearer ${token}`,
+    }
+  })
+  .then((response) => response.json())
+  .then((data)=> {
+    console.log('received data:', data);
+    const appendToUrl = data[0].url;
+    console.log(appendToUrl);
+    const dashboardURL = `${awsUrl}${appendToUrl}`;
+    console.log(dashboardURL);
+     message.sender.send('eksMetricsResponse', JSON.stringify(dashboardURL));
+  })
+  .catch((err) => {
+    console.log({err: 'error in grafana GET ' + err})
   });
-  log.info(response);
-  const data = await response.json();
-  console.log(data)
-  console.log(awsUrl)
-  message.sender.send('eksMetricsResponse', JSON.stringify(data));
+
+  // const response = await fetch(url, {
+  //   method: 'GET',
+  //   headers: {
+  //     "Access-Control-Allow-Origin": "*",
+  //     Accept: "application/json",
+  //     "Content-Type": "application/json",
+  //     Authorization: `Bearer ${token}`,
+  //   },
+  // });
+  // log.info(response);
+  // const data = await response.json();
+  // console.log(data)
+  // console.log(awsUrl)
+  // message.sender.send('eksMetricsResponse', JSON.stringify(data));
 });