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(