show no image if extension point is not used

scm-ui/src/repos/components/ChangesetAvatar.js

@@ -1,24 +1,23 @@
 //@flow
 import React from "react";
-import {ExtensionPoint} from "@scm-manager/ui-extensions";
-import type {Changeset} from "@scm-manager/ui-types";
-import {Image} from "@scm-manager/ui-components";
+import { ExtensionPoint } from "@scm-manager/ui-extensions";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
+import { Image } from "@scm-manager/ui-components";
 
 type Props = {
-  changeset: Changeset
+  changeset: Changeset,
+  repository: Repository
 };
 
 class ChangesetAvatar extends React.Component<Props> {
   render() {
-    const { changeset } = this.props;
+    const { changeset, repository } = this.props;
     return (
       <p className="image is-64x64">
         <ExtensionPoint
           name="repos.changeset-table.information"
-          renderAll={true}
-          props={{ changeset }}
+          props={{ changeset, repository }}
         >
-          <Image src="/images/blib.jpg" alt="Logo" />
         </ExtensionPoint>
       </p>
     );

scm-ui/src/repos/components/ChangesetDetails.js

@@ -1,6 +1,6 @@
 //@flow
 import React from "react";
-import type { Changeset } from "@scm-manager/ui-types";
+import type { Changeset, Repository } from "@scm-manager/ui-types";
 import { translate } from "react-i18next";
 import { MailLink, DateFromNow } from "@scm-manager/ui-components";
 import ChangesetAvatar from "./ChangesetAvatar";
@@ -15,19 +15,17 @@ const styles = {
 
 type Props = {
   changeset: Changeset,
+  repository: Repository,
   t: string => string,
   classes: any
 };
 
 class ChangesetDetails extends React.Component<Props> {
   render() {
-    const { changeset, t, classes } = this.props;
+    const { changeset, repository, t, classes } = this.props;
     return (
       <div>
-        <figure className={classNames(classes.floatLeft)}>
-          <ChangesetAvatar changeset={changeset} />
-        </figure>
-        <table className={classNames("table")}>
+        <table className={classNames("table", classes.floatLeft)}>
           <tbody>
             <tr>
               <td>{t("changeset.id")}</td>
@@ -55,6 +53,9 @@ class ChangesetDetails extends React.Component<Props> {
             </tr>
           </tbody>
         </table>
+        <figure className={classNames(classes.floatLeft)}>
+          <ChangesetAvatar changeset={changeset} repository={repository} />
+        </figure>
       </div>
     );
   }