scm-ui: new repository layout

scm-ui/ui-components/src/Image.js

@@ -0,0 +1,27 @@
+//@flow
+import React from "react";
+import {withContextPath} from "./urls";
+
+type Props = {
+  src: string,
+  alt: string,
+  className?: any
+};
+
+class Image extends React.Component<Props> {
+
+  createImageSrc = () => {
+    const { src } = this.props;
+    if (src.startsWith("http")) {
+      return src;
+    }
+    return withContextPath(src);
+  };
+
+  render() {
+    const { alt, className } = this.props;
+    return <img className={className} src={this.createImageSrc()} alt={alt} />;
+  }
+}
+
+export default Image;