updating UI props name to be more generic for future use

frontend/src/components/people-list/index.js

@@ -14,7 +14,7 @@ const buttonStyle = {
 const People = (props) => {
 
   const {
-    orgUI = {},
+    UI = {},
     handleToggle,
     people
   } = props;
@@ -24,7 +24,7 @@ const People = (props) => {
       <Row>
         <Column smOffset={9} xs={2}>
           <Button
-            disabled={orgUI.invite_toggled}
+            disabled={UI.invite_toggled}
             onClick={handleToggle}
             style={buttonStyle}
           >
@@ -33,7 +33,7 @@ const People = (props) => {
         </Column>
       </Row>
 
-      {orgUI.invite_toggled ? <Invite {...props} /> : null}
+      {UI.invite_toggled ? <Invite {...props} /> : null}
 
       <Row>
         <Column xs={12}>
@@ -47,9 +47,9 @@ const People = (props) => {
 };
 
 People.propTypes = {
+  UI: React.PropTypes.object,
   handleToggle: React.PropTypes.func,
-  orgUI: React.PropTypes.object,
-  people: React.PropTypes.array
+  people: React.PropTypes.array,
 };
 
 module.exports = People;

frontend/src/components/people-list/table/index.js

@@ -14,9 +14,9 @@ const PeopleTable = (props) => {
     handleStatusTooltip,
     handleMemberUpdate,
     people = [],
-    orgUI = {},
     parentIndex,
-    removeMember
+    removeMember,
+    UI = {},
   } = props;
 
   const columns = [{
@@ -41,11 +41,11 @@ const PeopleTable = (props) => {
       <PersonStatus
         handleMemberUpdate={handleMemberUpdate}
         handleStatusTooltip={handleStatusTooltip}
-        membersStatusOptions={orgUI.members_status}
+        membersStatusOptions={UI.members_status}
         parentIndex={parentIndex}
         person={person}
         personIndex={index}
-        toggledID={orgUI.member_status_tooltip}
+        toggledID={UI.member_status_tooltip}
       />
     );
 
@@ -53,11 +53,11 @@ const PeopleTable = (props) => {
       <PersonRole
         handleMemberUpdate={handleMemberUpdate}
         handleRoleTooltip={handleRoleTooltip}
-        membersRolesOptions={orgUI.members_roles}
+        membersRolesOptions={UI.members_roles}
         parentIndex={parentIndex}
         person={person}
         personIndex={index}
-        toggledID={orgUI.member_role_tooltip}
+        toggledID={UI.member_role_tooltip}
       />
     );
 
@@ -87,10 +87,10 @@ const PeopleTable = (props) => {
 };
 
 PeopleTable.propTypes = {
+  UI: React.PropTypes.object,
   handleMemberUpdate: React.PropTypes.func,
   handleRoleTooltip: React.PropTypes.func,
   handleStatusTooltip: React.PropTypes.func,
-  orgUI: React.PropTypes.object,
   parentIndex: React.PropTypes.number,
   people: React.PropTypes.array,
   removeMember: React.PropTypes.func,

frontend/src/containers/org/people.js

@@ -37,7 +37,7 @@ const mapStateToProps = (state, {
   params = {}
 }) => ({
   people: peopleByOrgIdSelector(params.org)(state),
-  orgUI: orgUISelector(state),
+  UI: orgUISelector(state),
   parentIndex: orgIndexSelector(params.org)(state),
   platformMembers: membersSelector(state)
 });