fix(frontend): replace hard-coded media endpoint with value provided in attribute

paulrobertlloyd · paulrobertlloyd · commit f4f72f285a3f · 2024-04-19T16:21:23.000+01:00
diff --git a/helpers/frontend/views/frontend-form.njk b/helpers/frontend/views/frontend-form.njk
@@ -74,7 +74,8 @@
   hint: "Richtext hint text",
   field: {
     attributes: {
-      editor: true
+      editor: true,
+      "editor-endpoint": application.mediaEndpoint
     }
   }
 }) }}
diff --git a/packages/frontend/components/textarea/index.js b/packages/frontend/components/textarea/index.js
@@ -37,10 +37,12 @@ const getButtonSvg = (name) => {
 export const TextareaFieldComponent = class extends HTMLElement {
   connectedCallback() {
     this.editor = this.getAttribute("editor");
+
     if (this.editor !== "") {
       return;
     }
 
+    this.editorEndpoint = this.getAttribute("editor-endpoint");
     this.editorId = this.getAttribute("editor-id");
     this.editorImageUpload = this.getAttribute("editor-image-upload");
     this.editorLocale = this.getAttribute("editor-locale");
@@ -91,6 +93,7 @@ export const TextareaFieldComponent = class extends HTMLElement {
         italic: "_",
       },
       element: this.$textarea,
+      imageUploadEndpoint: this.editorEndpoint,
       imageUploadFunction: this.uploadFile,
       minHeight: "6rem",
       previewClass: ["editor-preview", "s-flow"],
@@ -150,7 +153,7 @@ export const TextareaFieldComponent = class extends HTMLElement {
     formData.append("file", file);
 
     try {
-      const endpointResponse = await fetch("http://localhost:3000/media", {
+      const endpointResponse = await fetch(this.options.imageUploadEndpoint, {
         method: "POST",
         body: formData,
       });

Original file line number	Diff line number	Diff line change
`@@ -74,7 +74,8 @@`
`74`	`74`	`hint: "Richtext hint text",`
`75`	`75`	`field: {`
`76`	`76`	`attributes: {`
`77`		`- editor: true`
	`77`	`+ editor: true,`
	`78`	`+ "editor-endpoint": application.mediaEndpoint`
`78`	`79`	`}`
`79`	`80`	`}`
`80`	`81`	`}) }}`