Merge pull request #258 from open-source-labs/brianlim89-grafanaiframes

Updated GrafanaIFrame.tsx

Author: brianlim89

app/containers/GrafanaIFrame.tsx

@@ -11,9 +11,6 @@ interface Dashboard {
   title: string,
 
 }
-//http://a9921cff905094aa0a45e6e330684283-98913978.us-east-2.elb.amazonaws.com/api/search?folderIds=0
-//`${grafanaUrl}/api/search?query=&type=dash-db`
-//api/search?type=dash-folder
 
 const GrafanaIFrame: React.FC<Props> = ({ awsUrl }) => {
   const [dashboards, setDashboards] = useState<Dashboard[]>([]);
@@ -28,21 +25,6 @@ const GrafanaIFrame: React.FC<Props> = ({ awsUrl }) => {
   }, []);
 
   useEffect(() => {
-    
-    // const url = `${awsUrl}/api/search?folderIds=0`
-
-    // ipcRenderer.send('eksMetricRequest', url);
-
-    // ipcRenderer.on('eksMetricResponse', async (event, data) => {
-    //   const eksData = await data.json();
-    //   console.log(eksData)
-    //   const tempDashboards = eksData.map((dashboard: any) => ({
-    //     uid: dashboard.uid,
-    //     url: dashboard.url,
-    //     title: dashboard.title,
-    //   }));
-    //   setDashboards(tempDashboards);
-    // })
     const url = `${awsUrl}/api/search?folderIds=0`
     console.log(awsUrl)
     const fetchDashboards = async () => {
@@ -58,7 +40,6 @@ const GrafanaIFrame: React.FC<Props> = ({ awsUrl }) => {
         },
       });
       const data = await response.json();
-      console.log(data);
       const tempDashboards = data.map((dashboard: any) => ({
         uid: dashboard.uid,
         url: dashboard.url,
@@ -67,7 +48,6 @@ const GrafanaIFrame: React.FC<Props> = ({ awsUrl }) => {
       setDashboards(tempDashboards);
     };
     fetchDashboards();
-    console.log(dashboards)
   }, [awsUrl]);
 
   useEffect(() => {
@@ -87,11 +67,6 @@ const GrafanaIFrame: React.FC<Props> = ({ awsUrl }) => {
     }
     setIframes(iframesArr);
   }, [dashboards, awsUrl]);
-
-
-
-  
-    console.log(awsEksData);
   return (
     <div>
       {iframes}
@@ -103,125 +78,3 @@ const GrafanaIFrame: React.FC<Props> = ({ awsUrl }) => {
 
 
 export default GrafanaIFrame;
-
-// interface Props {
-//   awsUrl: string;
-// }
-
-// //http://a9921cff905094aa0a45e6e330684283-98913978.us-east-2.elb.amazonaws.com/api/search?folderIds=0
-// //`${grafanaUrl}/api/search?query=&type=dash-db`
-// //api/search?type=dash-folder
-
-// const GrafanaIFrames: React.FC<Props> = ({ awsUrl }) => {
-//   const [dashboards, setDashboards] = useState<Dashboard[]>([]);
-//   const [iframes, setIframes] = useState<JSX.Element[]>([]);
-//   const { awsEksData, setAwsEksData, setLoadingState } = useContext(AwsContext);
-
-//   useEffect(() => {
-//     return () => {
-//       setAwsEksData({});
-//       setLoadingState(true);
-//     };
-//   }, []);
-
-//   useEffect(() => {
-    
-//     // const url = `${awsUrl}/api/search?folderIds=0`
-
-//     // ipcRenderer.send('eksMetricRequest', url);
-
-//     // ipcRenderer.on('eksMetricResponse', async (event, data) => {
-//     //   const eksData = await data.json();
-//     //   console.log(eksData)
-//     //   const tempDashboards = eksData.map((dashboard: any) => ({
-//     //     uid: dashboard.uid,
-//     //     url: dashboard.url,
-//     //     title: dashboard.title,
-//     //   }));
-//     //   setDashboards(tempDashboards);
-//     // })
-//     // const url = `${awsUrl}/api/search?folderIds=0`
-//     // console.log(awsUrl)
-//     // const fetchDashboards = async () => {
-//     //   const response = await fetch(url, {
-//     //     method: 'GET',
-//     //     headers: {
-//     //       "Access-Control-Allow-Origin": "*",
-//     //       Accept: "application/json",
-//     //       "Content-Type": "application/json",
-//     //       Authorization: 'Bearer eyJrIjoiamN4UGRKVHg3cUQyZ201N042NW41bHg5bGhJaVFlaFciLCJuIjoidGVzdEtleSIsImlkIjoxfQ=='
-//     //     },
-//     //   });
-//     //   const data = await response.json();
-//     //   const tempDashboards = data.map((dashboard: any) => ({
-//     //     uid: dashboard.uid,
-//     //     url: dashboard.url,
-//     //     title: dashboard.title,
-//     //   }));
-//     //   setDashboards(tempDashboards);
-//     // };
-//     // fetchDashboards();
-//     // console.log(dashboards)
-//   }, [awsUrl]);
-
-//   useEffect(() => {
-//     // const iframesArr: JSX.Element[] = [];
-//     // for (const dashboard of dashboards) {
-//     //   const iframe = (
-//     //     <iframe
-//     //       key={dashboard.uid}
-//     //       src={`${awsUrl}${dashboard.url}`}
-//     //       title={dashboard.title}
-//     //       width="100%"
-//     //       height="600"
-//     //       style={{ border: "none" }}
-//     //     />
-//     //   );
-//     //   iframesArr.push(iframe);
-//     // }
-//     // setIframes(iframesArr);
-//   }, [dashboards, awsUrl]);
-
-
-
-  
-//     console.log(awsEksData);
-//   return (
-//     <div>
-//       {iframes}
-//     <div>${awsUrl}</div>
-    
-//     </div>
-//     )
-// };
-
-// export default GrafanaIFrames;
-
-//interface Dashboard {
-  //   uid: string;
-  //   url: string;
-  //   title: string;
-  // }
-  
-  
-  // const GrafanaIFrame: React.FC = React.memo(props => {
-  //   const {awsEksData, setAwsEksData , setLoadingState } = useContext(AwsContext);
-  
-  //     useEffect(() => {
-  //       return () => {
-  //         setAwsEksData({});
-  //         setLoadingState(true);
-  //       };
-  //     }, []);
-      
-  
-  // console.log(awsEksData)
-  
-  
-  // console.log('dashboard data: ', awsEksData)
-  //   return ( 
-  //   <div>
-  //     hi
-  //   </div>
-  //   );
-  // });