caught uncaught child error and added PageAction Button to Repo Overview

scm-ui-components/packages/ui-components/src/layout/Page.js

@@ -36,8 +36,21 @@ class Page extends React.Component<Props> {
     );
   }
 
+  renderPageActions() {
+    const { children } = this.props;
+
+    let content = null;
+    React.Children.forEach(children, child => {
+      if (child && child.type.name === "PageActions") {
+        content = child;
+      }
+    });
+    return content;
+  }
+
   renderContent() {
     const { loading, children, showContentOnError, error } = this.props;
+
     if (error && !showContentOnError) {
       return null;
     }
@@ -47,24 +60,12 @@ class Page extends React.Component<Props> {
 
     let content = [];
     React.Children.forEach(children, child => {
-      if (child.type.name !== "PageActions") {
+      if (child && child.type.name !== "PageActions") {
         content.push(child);
       }
     });
     return content;
   }
-
-  renderPageActions() {
-    const { children } = this.props;
-
-    let content = null;
-    React.Children.forEach(children, child => {
-      if (child.type.name === "PageActions") {
-        content = child;
-      }
-    });
-    return content;
-  }
 }
 
 export default Page;

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

@@ -14,7 +14,13 @@ import {
   isFetchReposPending
 } from "../modules/repos";
 import { translate } from "react-i18next";
-import { CreateButton, Page, Paginator } from "@scm-manager/ui-components";
+import {
+  Page,
+  PageActions,
+  Button,
+  CreateButton,
+  Paginator
+} from "@scm-manager/ui-components";
 import RepositoryList from "../components/list";
 import { withRouter } from "react-router-dom";
 import type { History } from "history";
@@ -67,6 +73,13 @@ class Overview extends React.Component<Props> {
         error={error}
       >
         {this.renderList()}
+        <PageActions>
+          <Button
+            label={t("overview.createButton")}
+            link="/repos/create"
+            color="primary"
+          />
+        </PageActions>
       </Page>
     );
   }
@@ -89,10 +102,7 @@ class Overview extends React.Component<Props> {
     const { showCreateButton, t } = this.props;
     if (showCreateButton) {
       return (
-        <CreateButton
-          label={t("overview.createButton")}
-          link="/repos/create"
-        />
+        <CreateButton label={t("overview.createButton")} link="/repos/create" />
       );
     }
     return null;