From 4ec7c141dd75b4948b2a1e3ac96aca806d780cdc Mon Sep 17 00:00:00 2001
From: Sebastian Sdorra <sebastian.sdorra@cloudogu.com>
Date: Fri, 24 Aug 2018 11:01:37 +0200
Subject: [PATCH] added extension point for repository avatar

---
 .../repos/components/list/RepositoryAvatar.js | 23 +++++++++++++++++++
 .../repos/components/list/RepositoryEntry.js  |  6 ++---
 2 files changed, 26 insertions(+), 3 deletions(-)
 create mode 100644 scm-ui/src/repos/components/list/RepositoryAvatar.js

diff --git a/scm-ui/src/repos/components/list/RepositoryAvatar.js b/scm-ui/src/repos/components/list/RepositoryAvatar.js
new file mode 100644
index 0000000000..6c79f59aee
--- /dev/null
+++ b/scm-ui/src/repos/components/list/RepositoryAvatar.js
@@ -0,0 +1,23 @@
+//@flow
+import React from "react";
+import { ExtensionPoint } from "@scm-manager/ui-extensions";
+import type { Repository } from "../../types/Repositories";
+
+type Props = {
+  repository: Repository
+};
+
+class RepositoryAvatar extends React.Component<Props> {
+  render() {
+    const { repository } = this.props;
+    return (
+      <p className="image is-64x64">
+        <ExtensionPoint name="repos.repository-avatar" props={{ repository }}>
+          <img src="/images/blib.jpg" alt="Logo" />
+        </ExtensionPoint>
+      </p>
+    );
+  }
+}
+
+export default RepositoryAvatar;
diff --git a/scm-ui/src/repos/components/list/RepositoryEntry.js b/scm-ui/src/repos/components/list/RepositoryEntry.js
index b9e1d533d7..f0dad89bd2 100644
--- a/scm-ui/src/repos/components/list/RepositoryEntry.js
+++ b/scm-ui/src/repos/components/list/RepositoryEntry.js
@@ -6,6 +6,8 @@ import type { Repository } from "../../types/Repositories";
 import DateFromNow from "../../../components/DateFromNow";
 import RepositoryEntryLink from "./RepositoryEntryLink";
 import classNames from "classnames";
+import { ExtensionPoint } from "@scm-manager/ui-extensions";
+import RepositoryAvatar from "./RepositoryAvatar";
 
 const styles = {
   outer: {
@@ -83,9 +85,7 @@ class RepositoryEntry extends React.Component<Props> {
         <Link className={classes.overlay} to={repositoryLink} />
         <article className={classNames("media", classes.inner)}>
           <figure className="media-left">
-            <p className="image is-64x64">
-              <img src="/images/blib.jpg" alt="Logo" />
-            </p>
+            <RepositoryAvatar repository={repository} />
           </figure>
           <div className="media-content">
             <div className="content">