diff --git a/static/admin/prefixed-image-widget.js b/static/admin/prefixed-image-widget.js index ea17b6a..0f7d15b 100644 --- a/static/admin/prefixed-image-widget.js +++ b/static/admin/prefixed-image-widget.js @@ -1,5 +1,3 @@ -import React from "react"; - class PrefixedImageControl extends React.Component { openMediaLibrary = () => { this.props.mediaLibrary.open({ @@ -25,12 +23,12 @@ class PrefixedImageControl extends React.Component { render() { const value = this.props.value || ""; return ( -
- - {value && } -
+ React.createElement("div", null, + React.createElement("button", { type: "button", onClick: this.openMediaLibrary }, + value ? "Change Image" : "Add Image" + ), + value && React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px", display: "block", marginTop: "1em" } }) + ) ); } } @@ -39,7 +37,7 @@ const PrefixedImageWidget = { name: "prefixed-image", controlComponent: PrefixedImageControl, previewComponent: ({ value }) => - value ? : null, + value ? React.createElement("img", { src: value, alt: "", style: { maxWidth: "200px" } }) : null, }; window.CMS.registerWidget(