open correct viewer for each type and reorder the structure

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

@@ -0,0 +1,29 @@
+// @flow
+import React from "react";
+import { translate } from "react-i18next";
+
+type Props = {
+  t: string => string
+};
+
+type State = {
+  content: string
+};
+
+class DownloadViewer extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      content: ""
+    };
+  }
+
+  componentDidMount() {}
+
+  render() {
+    return "DownloadViewer";
+  }
+}
+
+export default translate("repos")(DownloadViewer);

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

@@ -0,0 +1,29 @@
+// @flow
+import React from "react";
+import { translate } from "react-i18next";
+
+type Props = {
+  t: string => string
+};
+
+type State = {
+  content: string
+};
+
+class ImageViewer extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      content: ""
+    };
+  }
+
+  componentDidMount() {}
+
+  render() {
+    return "ImageViewer";
+  }
+}
+
+export default translate("repos")(ImageViewer);

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

@@ -0,0 +1,39 @@
+// @flow
+import React from "react";
+import { translate } from "react-i18next";
+import { apiClient } from "../../../../../../scm-ui-components/packages/ui-components/src/index";
+
+type Props = {
+  t: string => string
+};
+
+type State = {
+  content: string
+};
+
+class SourcecodeViewer extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+
+    this.state = {
+      content: ""
+    };
+  }
+
+  componentDidMount() {}
+
+  render() {
+    return "sourceCodeViewer";
+  }
+}
+
+export function getContent(url: string) {
+  return apiClient
+    .get(url)
+    .then(response => response.text())
+    .catch(err => {
+      return null;
+    });
+}
+
+export default translate("repos")(SourcecodeViewer);

scm-ui/src/repos/sources/components/content/SourcecodeViewer.test.js

@@ -0,0 +1,22 @@
+//@flow
+import fetchMock from "fetch-mock";
+import { getContent } from "./SourcecodeViewer";
+
+describe("get content", () => {
+  const CONTENT_URL =
+    "/repositories/scmadmin/TestRepo/content/testContent";
+
+  afterEach(() => {
+    fetchMock.reset();
+    fetchMock.restore();
+  });
+
+  it("should return content", done => {
+    fetchMock.getOnce("/api/v2" + CONTENT_URL, "This is a testContent");
+
+    getContent(CONTENT_URL).then(content => {
+      expect(content).toBe("This is a testContent");
+      done();
+    });
+  });
+});