Refactored ProfileFormContainer to remove boilerplate

Author: alicewriteswrongs

static/js/containers/ProfileFormContainer.js

@@ -81,78 +81,18 @@ class ProfileFormContainer extends React.Component {
     }
     dispatch(updateProfile(username, profile));
     this.updateProfileValidation(this.props, profile, validator);
-  }
+  };
 
   setProfileStep: Function = (step: string): void => {
     const { dispatch } = this.props;
     dispatch(setProfileStep(step));
   };
 
-  setDeletionIndex: Function = (index: number): void => {
-    const { dispatch } = this.props;
-    dispatch(setDeletionIndex(index));
-  }
-
-  setShowEducationDeleteDialog: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setShowEducationDeleteDialog(bool));
-  }
-
-  setShowWorkDeleteDialog: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setShowWorkDeleteDialog(bool));
-  }
-
-  setShowWorkDeleteAllDialog: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setShowWorkDeleteAllDialog(bool));
-  };
-
-  setShowEducationDeleteAllDialog: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setShowEducationDeleteAllDialog(bool));
-  };
-
-  setUserPageDialogVisibility: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setUserPageDialogVisibility(bool));
-  };
-
   setWorkHistoryEdit: AsyncActionHelper = (bool: boolean) => {
     const { dispatch } = this.props;
     return dispatch(setWorkHistoryEdit(bool));
   }
 
-  setWorkDialogVisibility: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setWorkDialogVisibility(bool));
-  }
-
-  setWorkDialogIndex: Function = (index: number): void => {
-    const { dispatch } = this.props;
-    dispatch(setWorkDialogIndex(index));
-  }
-
-  clearProfileEdit: Function = (): void => {
-    const { dispatch } = this.props;
-    dispatch(clearProfileEdit(SETTINGS.username));
-  }
-
-  setEducationDialogVisibility: Function = (bool: boolean): void => {
-    const { dispatch } = this.props;
-    dispatch(setEducationDialogVisibility(bool));
-  }
-
-  setEducationDialogIndex: Function = (index: number): void => {
-    const { dispatch } = this.props;
-    dispatch(setEducationDialogIndex(index));
-  }
-
-  setEducationDegreeLevel: Function = (level: string): void => {
-    const { dispatch } = this.props;
-    dispatch(setEducationDegreeLevel(level));
-  };
-
   setEducationDegreeInclusions: AsyncActionHelper = (inclusions: Object) => {
     const { dispatch } = this.props;
     return dispatch(setEducationDegreeInclusions(inclusions));
@@ -177,6 +117,28 @@ class ProfileFormContainer extends React.Component {
     }
   }
 
+  createActionHelper: Function = (actionCreator: Function): (...args: any) => void  => {
+    const { dispatch } = this.props;
+    return (...args) => dispatch(actionCreator(...args));
+  };
+
+  simpleActionHelpers: Function = (): {[k: string]: (...args: any) => void}[] => [
+    [setWorkDialogVisibility, "setWorkDialogVisibility"],
+    [setWorkDialogIndex, "setWorkDialogIndex"],
+    [clearProfileEdit, "clearProfileEdit"],
+    [setEducationDialogVisibility, "setEducationDialogVisibility"],
+    [setEducationDialogIndex, "setEducationDialogIndex"],
+    [setEducationDegreeLevel, "setEducationDegreeLevel"],
+    [setUserPageDialogVisibility, "setUserPageDialogVisibility"],
+    [setShowEducationDeleteDialog, "setShowEducationDeleteDialog"],
+    [setShowWorkDeleteDialog, "setShowWorkDeleteDialog"],
+    [setDeletionIndex, "setDeletionIndex"],
+    [setShowWorkDeleteAllDialog, "setShowWorkDeleteAllDialog"],
+    [setShowEducationDeleteAllDialog, "setShowEducationDeleteAllDialog"],
+  ].map(([actionCreator, actionCreatorName]) => (
+    { [actionCreatorName]: this.createActionHelper(actionCreator) }
+  ));
+
   profileProps: Function = (profileFromStore: ProfileGetResult) => {
     let { ui } = this.props;
     let errors, isEdit, profile;
@@ -204,21 +166,9 @@ class ProfileFormContainer extends React.Component {
       updateProfile: this.updateProfile.bind(this, isEdit),
       saveProfile: this.saveProfile.bind(this, isEdit),
       setWorkHistoryEdit: this.setWorkHistoryEdit,
-      setWorkDialogVisibility: this.setWorkDialogVisibility,
-      setWorkDialogIndex: this.setWorkDialogIndex,
-      clearProfileEdit: this.clearProfileEdit,
-      setEducationDialogVisibility: this.setEducationDialogVisibility,
-      setEducationDialogIndex: this.setEducationDialogIndex,
-      setEducationDegreeLevel: this.setEducationDegreeLevel,
       setEducationDegreeInclusions: this.setEducationDegreeInclusions,
       fetchProfile: this.fetchProfile,
-      setUserPageDialogVisibility: this.setUserPageDialogVisibility,
-      setShowEducationDeleteDialog: this.setShowEducationDeleteDialog,
-      setShowWorkDeleteDialog: this.setShowWorkDeleteDialog,
-      setDeletionIndex: this.setDeletionIndex,
-      setShowWorkDeleteAllDialog: this.setShowWorkDeleteAllDialog,
-      setShowEducationDeleteAllDialog: this.setShowEducationDeleteAllDialog
-    });
+    }, ...this.simpleActionHelpers());
   };
 
   childrenWithProps: Function = (profileFromStore: ProfileGetResult) => {