pluginsOverview goes api data

scm-ui-components/packages/ui-types/src/Plugin.js

@@ -1,8 +1,7 @@
 //@flow
-import type { PagedCollection, Links } from "./hal";
+import type { Collection, Links } from "./hal";
 
 export type Plugin = {
-  namespace: string,
   name: string,
   type: string,
   description?: string,
@@ -11,7 +10,7 @@ export type Plugin = {
   _links: Links
 };
 
-export type PluginCollection = PagedCollection & {
+export type PluginCollection = Collection & {
   _embedded: {
     plugins: Plugin[] | string[]
   }

scm-ui/public/locales/de/admin.json

@@ -18,7 +18,8 @@
       "pluginsNavLink": "Plugins",
       "installedNavLink": "Installiert",
       "availableNavLink": "Verfügbar"
-    }
+    },
+    "noPlugins": "Keine Plugins gefunden."
   },
   "repositoryRole": {
     "navLink": "Berechtigungsrollen",

scm-ui/public/locales/en/admin.json

@@ -18,7 +18,8 @@
       "pluginsNavLink": "Plugins",
       "installedNavLink": "Installed",
       "availableNavLink": "Available"
-    }
+    },
+    "noPlugins": "No plugins found."
   },
   "repositoryRole": {
     "navLink": "Permission Roles",

scm-ui/src/admin/plugins/containers/PluginsOverview.js

@@ -1,20 +1,40 @@
 // @flow
 import React from "react";
+import {connect} from "react-redux";
 import { translate } from "react-i18next";
+import type { PluginCollection } from "@scm-manager/ui-types";
 import { Loading, Title, Subtitle, LinkPaginator, Notification } from "@scm-manager/ui-components";
+import {
+  fetchPluginsByLink,
+  getFetchPluginsFailure,
+  getPluginCollection,
+  isFetchPluginsPending
+} from "../modules/plugins";
 import PluginsList from "../components/PluginsList";
+import { getUiPluginsLink } from "../../../modules/indexResource";
 
 type Props = {
   loading: boolean,
   error: Error,
+  collection: PluginCollection,
+  page: number,
   baseUrl: string,
   installed: boolean,
+  pluginsLink: string,
 
   // context objects
-  t: string => string
+  t: string => string,
+
+  // dispatched functions
+  fetchPluginsByLink: (link: string) => void
 };
 
 class PluginsOverview extends React.Component<Props> {
+  componentDidMount() {
+    const { fetchPluginsByLink, pluginsLink } = this.props;
+    fetchPluginsByLink(pluginsLink);
+  }
+
   render() {
     const { loading, installed, t } = this.props;
 
@@ -54,4 +74,25 @@ class PluginsOverview extends React.Component<Props> {
   }
 }
 
-export default translate("admin")(PluginsOverview);
+const mapStateToProps = (state) => {
+  const collection = getPluginCollection(state);
+  const loading = isFetchPluginsPending(state);
+  const error = getFetchPluginsFailure(state);
+  const pluginsLink = getUiPluginsLink(state);
+  return {
+    collection,
+    loading,
+    error,
+    pluginsLink
+  };
+};
+
+const mapDispatchToProps = dispatch => {
+  return {
+    fetchPluginsByLink: (link: string) => {
+      dispatch(fetchPluginsByLink(link));
+    }
+  };
+};
+
+export default connect(mapStateToProps, mapDispatchToProps)(translate("admin")(PluginsOverview));