merged changes

scm-ui/src/repos/components/changesets/ChangesetAuthor.js

@@ -11,7 +11,7 @@ export default class ChangesetAuthor extends React.Component<Props> {
   render() {
     const { changeset } = this.props;
     return (
-      <div>
+      <>
         {changeset.author.name}{" "}
         <a
           className="is-hidden-mobile"
@@ -21,7 +21,7 @@ export default class ChangesetAuthor extends React.Component<Props> {
           {changeset.author.mail}
           &gt;
         </a>
-      </div>
+      </>
     );
   }
 }

scm-ui/src/repos/components/changesets/ChangesetAvatar.js

@@ -12,15 +12,18 @@ class ChangesetAvatar extends React.Component<Props> {
   render() {
     const { changeset } = this.props;
     return (
-      <div className="image is-64x64">
       <ExtensionPoint
         name="repos.changeset-table.information"
         renderAll={true}
         props={{ changeset }}
       >
-          <Image src="/images/blib.jpg" alt="Logo" />
+        {/* extension should render something like this:  */}
+        {/* <div className="image is-64x64">              */}
+        {/*   <figure className="media-left">             */}
+        {/*    <Image src="/some/image.jpg" alt="Logo" /> */}
+        {/*   </figure>                                   */}
+        {/* </div>                                        */}
       </ExtensionPoint>
-      </div>
     );
   }
 }

scm-ui/src/repos/components/changesets/ChangesetRow.js

@@ -44,9 +44,7 @@ class ChangesetRow extends React.Component<Props> {
     const authorLine = <ChangesetAuthor changeset={changeset} />;
     return (
       <article className={classNames("media", classes.inner)}>
-        <figure className="media-left">
         <ChangesetAvatar changeset={changeset} />
-        </figure>
         <div className={classNames("media-content", classes.withOverflow)}>
           <div className="content">
             <p className="is-ellipsis-overflow">

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

@@ -117,19 +117,20 @@ class Changesets extends React.PureComponent<State, Props> {
 
     return (
       <div>
-        {this.renderTable()}
+        {this.renderList()}
         {this.renderPaginator()}
       </div>
     );
   }
 
-  renderTable = () => {
+  renderList = () => {
     const branch = this.props.match.params.branch;
     const { repository, changesets, branchNames, t } = this.props;
 
     if (branchNames && branchNames.length > 0) {
       return (
-        <div>
+        <>
+          <div className={"box"}>
             <label className="label">
               {t("changesets.branchselector-label")}
             </label>
@@ -138,8 +139,9 @@ class Changesets extends React.PureComponent<State, Props> {
               preselectedOption={branch}
               optionSelected={branch => this.branchChanged(branch)}
             />
-          <ChangesetList repository={repository} changesets={changesets} />
           </div>
+          <ChangesetList repository={repository} changesets={changesets} />
+        </>
       );
     }