added extension point for repository avatar

This commit is contained in:
Sebastian Sdorra
2018-08-24 11:01:37 +02:00
parent 3015937fc7
commit 4ec7c141dd
2 changed files with 26 additions and 3 deletions

View File

@@ -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;

View File

@@ -6,6 +6,8 @@ import type { Repository } from "../../types/Repositories";
import DateFromNow from "../../../components/DateFromNow"; import DateFromNow from "../../../components/DateFromNow";
import RepositoryEntryLink from "./RepositoryEntryLink"; import RepositoryEntryLink from "./RepositoryEntryLink";
import classNames from "classnames"; import classNames from "classnames";
import { ExtensionPoint } from "@scm-manager/ui-extensions";
import RepositoryAvatar from "./RepositoryAvatar";
const styles = { const styles = {
outer: { outer: {
@@ -83,9 +85,7 @@ class RepositoryEntry extends React.Component<Props> {
<Link className={classes.overlay} to={repositoryLink} /> <Link className={classes.overlay} to={repositoryLink} />
<article className={classNames("media", classes.inner)}> <article className={classNames("media", classes.inner)}>
<figure className="media-left"> <figure className="media-left">
<p className="image is-64x64"> <RepositoryAvatar repository={repository} />
<img src="/images/blib.jpg" alt="Logo" />
</p>
</figure> </figure>
<div className="media-content"> <div className="media-content">
<div className="content"> <div className="content">