✨ replaced the custom Strapi chartbrew components with iframes instead

Author: razvanilin

README.md

@@ -118,6 +118,29 @@ If you want to use the plugin with a managed service account at [chartbrew.com](
 
 ![](https://raw.githubusercontent.com/chartbrew/strapi-plugin-chartbrew/master/admin/src/assets/chartbrew-connection.jpg)
 
+### Cannot load the dashboards
+
+If you cannot load the dashboard, you may have to tweak the Strapi security settings. To do this, open the `config/middlewares.js` file and add the following attribute:
+
+```
+{
+  name: "strapi::security",
+  config: {
+    contentSecurityPolicy: {
+      useDefaults: true,
+      directives: {
+        "default-src": ["'self'"],
+        "frame-src": ["'self'", "https://app.chartbrew.com"], // allow Chartbrew iframe
+        // If your Strapi admin runs on localhost and does websockets, keep these sane too:
+        "connect-src": ["'self'", "ws://localhost:1337", "https://app.chartbrew.com"],
+      },
+    },
+  },
+}
+```
+
+If you are self-hosting Chartbrew, you will need to replace `https://app.chartbrew.com` with your own Chartbrew client URL.
+
 ### Cannot authenticate with Chartbrew
 
 [**Read more here**](https://github.com/chartbrew/strapi-plugin-chartbrew/issues/13)

admin/src/actions/project.js

@@ -2,50 +2,43 @@ import { getSettings } from './store';
 import axiosInstance from '../utils/axiosInstance';
 import { PLUGIN_ID } from '../pluginId';
 
-export async function getProjects() {
+export async function getProjectCharts(projectId) {
   const { host, token } = await getSettings();
 
-  return fetch(`${host}/project/user`, {
+  return fetch(`${host}/project/${projectId}/chart`, {
     method: 'GET',
     headers: new Headers({
       accept: 'application/json',
       authorization: `Bearer ${token}`,
     }),
   })
     .then((response) => {
-      if (!response.ok) throw new Error('Cannot fetch user projects.');
+      if (!response.ok) throw new Error('Cannot fetch project charts.');
 
       return response.json();
     })
-    .then((projects) => {
-      return projects;
+    .then((charts) => {
+      return charts;
     })
     .catch((err) => {
       return Promise.reject(err);
     });
 }
 
-export async function getProjectCharts(projectId) {
+export async function getProjectReport(brewName) {
   const { host, token } = await getSettings();
 
-  return fetch(`${host}/project/${projectId}/chart`, {
+  const response = await fetch(`${host}/project/${brewName}/report`, {
     method: 'GET',
     headers: new Headers({
       accept: 'application/json',
       authorization: `Bearer ${token}`,
     }),
-  })
-    .then((response) => {
-      if (!response.ok) throw new Error('Cannot fetch project charts.');
+  });
 
-      return response.json();
-    })
-    .then((charts) => {
-      return charts;
-    })
-    .catch((err) => {
-      return Promise.reject(err);
-    });
+  if (!response.ok) throw new Error('Cannot fetch project report.');
+
+  return response.json();
 }
 
 export async function createProject(projectId, data) {

admin/src/actions/team.js

@@ -1,6 +1,6 @@
 import { getSettings } from './store';
 
-export async function getUserTeam(userId) {
+export async function getUserTeam() {
   const { host, token } = await getSettings();
 
   return fetch(`${host}/team`, {