scm-ui: new repository layout

scm-ui/ui-webapp/src/admin/plugins/components/ExecutePendingAction.js

@@ -0,0 +1,68 @@
+// @flow
+import React from "react";
+import { Button } from "@scm-manager/ui-components";
+import type { PendingPlugins } from "@scm-manager/ui-types";
+import { translate } from "react-i18next";
+import ExecutePendingModal from "./ExecutePendingModal";
+
+type Props = {
+  pendingPlugins: PendingPlugins,
+
+  // context props
+  t: string => string
+};
+
+type State = {
+  showModal: boolean
+};
+
+class ExecutePendingAction extends React.Component<Props, State> {
+  constructor(props: Props) {
+    super(props);
+    this.state = {
+      showModal: false
+    };
+  }
+
+  openModal = () => {
+    this.setState({
+      showModal: true
+    });
+  };
+
+  closeModal = () => {
+    this.setState({
+      showModal: false
+    });
+  };
+
+  renderModal = () => {
+    const { showModal } = this.state;
+    const { pendingPlugins } = this.props;
+    if (showModal) {
+      return (
+        <ExecutePendingModal
+          pendingPlugins={pendingPlugins}
+          onClose={this.closeModal}
+        />
+      );
+    }
+    return null;
+  };
+
+  render() {
+    const { t } = this.props;
+    return (
+      <>
+        {this.renderModal()}
+        <Button
+          color="primary"
+          label={t("plugins.executePending")}
+          action={this.openModal}
+        />
+      </>
+    );
+  }
+}
+
+export default translate("admin")(ExecutePendingAction);