add action to fetch the applied overlay

web/src/components/kustomize/kustomize_overlay/KustomizeOverlay.jsx

@@ -163,6 +163,13 @@ export default class KustomizeOverlay extends React.Component {
     this.setState({ toastDetails });
   }
 
+  async fetchAppliedOverlay() {
+    const payload = {
+      patch: this.state.patch
+    };
+    await this.props.fetchAppliedOverlay(payload)
+  }
+
   async handleKustomizeSave(closeOverlay) {
     const { selectedFile } = this.state;
     const contents = this.aceEditorOverlay.editor.getValue();

web/src/containers/KustomizeOverlay.js

@@ -6,6 +6,7 @@ import { getHelmChartMetadata } from "../redux/data/kustomizeSettings/actions";
 import {
   getFileContent,
   saveKustomizeOverlay,
+  fetchAppliedOverlay,
   finalizeKustomizeOverlay,
   generatePatch,
   applyPatch,
@@ -26,6 +27,7 @@ const KustomizeOverlay = connect(
     getFileContent(payload) { return dispatch(getFileContent(payload)); },
     getHelmChartMetadata() { return dispatch(getHelmChartMetadata()) },
     saveKustomizeOverlay(payload) { return dispatch(saveKustomizeOverlay(payload)); },
+    fetchAppliedOverlay(payload) { return dispatch(fetchAppliedOverlay(payload)); },
     finalizeKustomizeOverlay() { return dispatch(finalizeKustomizeOverlay()); },
     loadingData(key, isLoading) { return dispatch(loadingData(key, isLoading)); },
     generatePatch(payload) { return dispatch(generatePatch(payload)); },

web/src/redux/data/kustomizeOverlay/actions.js

@@ -77,6 +77,35 @@ export function saveKustomizeOverlay(payload) {
   };
 }
 
+export function fetchAppliedOverlay(payload) {
+  return async (dispatch) => {
+    let response;
+    dispatch(loadingData("fetchAppliedOverlay", true));
+    try {
+      const url = `${apiEndpoint}/kustomize/apply`;
+      response = await fetch(url, {
+        method: "POST",
+        headers: {
+          "Accept": "application/json",
+          "Content-Type": "application/json"
+        },
+        body: JSON.stringify(payload)
+      });
+      if (!response.ok) {
+        dispatch(loadingData("fetchAppliedOverlay", false));
+        return;
+      }
+      await response.json();
+      dispatch(loadingData("fetchAppliedOverlay", false));
+      console.log(response)
+    } catch (error) {
+      dispatch(loadingData("fetchAppliedOverlay", false));
+      console.log(error)
+      return;
+    }
+  };
+}
+
 export function finalizeKustomizeOverlay() {
   return async (dispatch) => {
     let response;

web/src/redux/ui/main/reducer.js

@@ -8,6 +8,7 @@ const loadingState = {
   submitActionLoading: false,
   fileContentLoading: false,
   saveKustomizeLoading: false,
+  fetchAppliedOverlayLoading: false,
 };
 
 export function loading(state = loadingState, action = {}) {