show image

scm-ui/src/repos/sources/components/content/DownloadViewer.js

@@ -6,9 +6,7 @@ import { DownloadButton } from "@scm-manager/ui-components";
 
 type Props = {
   t: string => string,
-  file: File,
-  revision: string,
-  classes: any
+  file: File
 };
 
 class DownloadViewer extends React.Component<Props> {

scm-ui/src/repos/sources/components/content/ImageViewer.js

@@ -1,28 +1,23 @@
 // @flow
 import React from "react";
 import { translate } from "react-i18next";
+import type { File } from "@scm-manager/ui-types";
 
 type Props = {
-  t: string => string
+  t: string => string,
+  file: File
 };
 
-type State = {
-  content: string
-};
-
-class ImageViewer extends React.Component<Props, State> {
-  constructor(props: Props) {
-    super(props);
-
-    this.state = {
-      content: ""
-    };
-  }
-
-  componentDidMount() {}
-
+class ImageViewer extends React.Component<Props> {
   render() {
-    return "ImageViewer";
+    const { file } = this.props;
+    return (
+      <div className="has-text-centered">
+        <figure>
+          <img src={file._links.self.href} />
+        </figure>
+      </div>
+    );
   }
 }
 

scm-ui/src/repos/sources/containers/Content.js

@@ -104,7 +104,7 @@ class Content extends React.Component<Props, State> {
     const { file, revision } = this.props;
     const contentType = this.state.contentType;
     if (contentType.startsWith("image")) {
-      return <ImageViewer />;
+      return <ImageViewer file={file} />;
     } else if (contentType.startsWith("text")) {
       return <SourcecodeViewer />;
     } else {