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 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>
     );
   }

scm-ui/src/repos/containers/ChangesetView.js

@@ -39,7 +39,7 @@ class ChangesetView extends React.Component<Props> {
   }
 
   render() {
-    const { changeset, loading, error, t } = this.props;
+    const { changeset, loading, error, t, repository } = this.props;
 
     if (error) {
       return (
@@ -53,7 +53,7 @@ class ChangesetView extends React.Component<Props> {
 
     if (!changeset || loading) return <Loading />;
 
-    return <ChangesetDetails changeset={changeset} />;
+    return <ChangesetDetails changeset={changeset} repository={repository}/>;
   }
 }