Move api usage to separate file

scm-ui/src/permissions/components/SetPermissions.js

@@ -7,8 +7,11 @@ import {
   SubmitButton
 } from "@scm-manager/ui-components";
 import { translate } from "react-i18next";
-import { setPermissions } from "./setPermissions";
+import {
-import { apiClient } from "@scm-manager/ui-components";
+  loadAvailablePermissions,
+  loadPermissionsForEntity,
+  setPermissions
+} from "./handlePermissions";
 import PermissionCheckbox from "./PermissionCheckbox";
 import { connect } from "react-redux";
 import { getLink } from "../../modules/indexResource";
@@ -67,28 +70,21 @@ class SetPermissions extends React.Component<Props, State> {
   };
 
   componentDidMount(): void {
-    apiClient
+    loadAvailablePermissions(this.props.availablePermissionLink).then(
-      .get(this.props.availablePermissionLink)
+      response => {
-      .then(response => {
-        return response.json();
-      })
-      .then(response => {
         const availablePermissions = response.permissions;
         const permissions = {};
         availablePermissions.forEach(p => {
           permissions[p] = false;
         });
-        this.setState({ permissions }, this.loadPermissionsForUser);
+        this.setState({ permissions }, this.loadPermissionsForEntity);
-      });
+      }
+    );
   }
 
-  loadPermissionsForUser = () => {
+  loadPermissionsForEntity = () => {
-    apiClient
+    loadPermissionsForEntity(this.props.selectedPermissionsLink.href).then(
-      .get(this.props.selectedPermissionsLink.href)
+      response => {
-      .then(response => {
-        return response.json();
-      })
-      .then(response => {
         const checkedPermissions = response.permissions;
         this.setState(state => {
           const newPermissions = state.permissions;
@@ -99,7 +95,8 @@ class SetPermissions extends React.Component<Props, State> {
             overwritePermissionsLink: response._links.overwrite
           };
         });
-      });
+      }
+    );
   };
 
   submit = (event: Event) => {

scm-ui/src/permissions/components/handlePermissions.js

@@ -11,3 +11,15 @@ export function setPermissions(url: string, permissions: string[]) {
       return response;
     });
 }
+
+export function loadPermissionsForEntity(url: string) {
+  return apiClient.get(url).then(response => {
+    return response.json();
+  });
+}
+
+export function loadAvailablePermissions(url: string) {
+  return apiClient.get(url).then(response => {
+    return response.json();
+  });
+}