show no image if extension point is not used

This commit is contained in:
Maren Süwer
2018-09-27 11:56:04 +02:00
parent 2a684ec0a6
commit 991640bc4b
3 changed files with 16 additions and 16 deletions

View File

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

View File

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

View File

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