mirror of
https://github.com/scm-manager/scm-manager.git
synced 2025-11-10 15:35:49 +01:00
added extension point for repository avatar
This commit is contained in:
23
scm-ui/src/repos/components/list/RepositoryAvatar.js
Normal file
23
scm-ui/src/repos/components/list/RepositoryAvatar.js
Normal 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;
|
||||||
@@ -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">
|
||||||
|
|||||||
Reference in New Issue
Block a user