Revert changes to production environment introduced in #2098

scm-ui/ui-components/src/OverviewPageActions.tsx

@@ -23,10 +23,9 @@
  */
 import React, { FC, useState } from "react";
 import { useHistory, useLocation } from "react-router-dom";
-import { urls } from "./index";
-import { FilterInput, Select } from "./forms";
-import { ButtonVariants, LinkButton } from "@scm-manager/ui-buttons";
 import classNames from "classnames";
+import { Button, urls } from "./index";
+import { FilterInput, Select } from "./forms";
 
 type Props = {
   showCreateButton: boolean;
@@ -55,7 +54,7 @@ const OverviewPageActions: FC<Props> = ({
   label,
   testId,
   searchPlaceholder,
-  groupAriaLabelledby,
+  groupAriaLabelledby
 }) => {
   const history = useHistory();
   const location = useLocation();
@@ -67,7 +66,7 @@ const OverviewPageActions: FC<Props> = ({
       <Select
         ariaLabelledby={groupAriaLabelledby}
         className="is-fullwidth"
-        options={groups.map((g) => ({ value: g, label: g }))}
+        options={groups.map(g => ({ value: g, label: g }))}
         value={currentGroup}
         onChange={groupSelected}
       />
@@ -77,10 +76,8 @@ const OverviewPageActions: FC<Props> = ({
   const renderCreateButton = () => {
     if (showCreateButton) {
       return (
-        <div className={classNames("control", "column")}>
+        <div className={classNames("input-button", "control", "column")}>
-          <LinkButton variant={ButtonVariants.PRIMARY} to={createLink || `${link}create/`}>
+          <Button label={label} link={createLink || `${link}create/`} color="primary" />
-            {label}
-          </LinkButton>
         </div>
       );
     }