added check for new component to ensure correct representation, in my opinion still unpleasant

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

@@ -7,6 +7,7 @@ import ErrorNotification from "./../ErrorNotification";
 import Title from "./Title";
 import Subtitle from "./Subtitle";
 import PageActions from "./PageActions";
+import OverviewPageActions from "../OverviewPageActions";
 import ErrorBoundary from "../ErrorBoundary";
 
 type Props = {
@@ -29,7 +30,6 @@ const styles = {
 };
 
 class Page extends React.Component<Props> {
-
   render() {
     const { error } = this.props;
     return (
@@ -51,7 +51,11 @@ class Page extends React.Component<Props> {
     let pageActions = null;
     let pageActionsExists = false;
     React.Children.forEach(children, child => {
-      if (child && child.type.name === PageActions.name && !error) {
+      if (child && !error) {
+        if (
+          child.type.name === PageActions.name ||
+          child.type.name === OverviewPageActions.name
+        )
           pageActions = (
             <div
               className={classNames(
@@ -95,9 +99,14 @@ class Page extends React.Component<Props> {
 
     let content = [];
     React.Children.forEach(children, child => {
-      if (child && child.type.name !== PageActions.name) {
+      if (child) {
+        if (
+          child.type.name !== PageActions.name &&
+          child.type.name !== OverviewPageActions.name
+        ) {
           content.push(child);
         }
+      }
     });
     return content;
   }