optimized params name

frontend/src/components/dialog/share-to-group.js

@@ -43,7 +43,7 @@ class GroupItem extends React.Component {
           <PermissionEditor 
             isTextMode={true}
             currentPermission={item.permission}
-            ownedPermissions={this.props.ownedPermissions}
+            permissions={this.props.permissions}
             onPermissionChangedHandler={this.onChangeUserPermission}
           />
         </td>
@@ -71,7 +71,7 @@ class GroupList extends React.Component {
             <GroupItem 
               key={index} 
               item={item} 
-              ownedPermissions={this.props.ownedPermissions}
+              permissions={this.props.permissions}
               deleteShareItem={this.props.deleteShareItem}
               onChangeUserPermission={this.props.onChangeUserPermission}
             />
@@ -99,9 +99,9 @@ class ShareToGroup extends React.Component {
       sharedItems: []
     };
     this.options = [];
-    this.ownedPermissions = ['rw', 'r', 'cloud-edit', 'preview'];
+    this.permissions = ['rw', 'r', 'cloud-edit', 'preview'];
     if (this.props.isGroupOwnedRepo) {
-      this.ownedPermissions = ['rw', 'r'];
+      this.permissions = ['rw', 'r'];
     }
   }
 
@@ -268,7 +268,7 @@ class ShareToGroup extends React.Component {
               <PermissionEditor 
                 isTextMode={false}
                 currentPermission={this.state.permission}
-                ownedPermissions={this.ownedPermissions}
+                permissions={this.permissions}
                 onPermissionChangedHandler={this.setPermission}
               />
             </td>
@@ -289,7 +289,7 @@ class ShareToGroup extends React.Component {
         </thead>
         <GroupList 
           items={this.state.sharedItems}
-          ownedPermissions={this.ownedPermissions}
+          permissions={this.permissions}
           deleteShareItem={this.deleteShareItem} 
           onChangeUserPermission={this.onChangeUserPermission}
         />

frontend/src/components/dialog/share-to-user.js

@@ -42,7 +42,7 @@ class UserItem extends React.Component {
           <PermissionEditor 
             isTextMode={true}
             currentPermission={item.permission}
-            ownedPermissions={this.props.ownedPermissions}
+            permissions={this.props.permissions}
             onPermissionChangedHandler={this.onChangeUserPermission}
           />
         </td>
@@ -70,7 +70,7 @@ class UserList extends React.Component {
             <UserItem 
               key={index} 
               item={item} 
-              ownedPermissions={this.props.ownedPermissions}
+              permissions={this.props.permissions}
               deleteShareItem={this.props.deleteShareItem}
               onChangeUserPermission={this.props.onChangeUserPermission}
             />
@@ -98,9 +98,9 @@ class ShareToUser extends React.Component {
       sharedItems: []
     };
     this.options = [];
-    this.ownedPermissions = ['rw', 'r', 'admin', 'cloud-edit', 'preview'];
+    this.permissions = ['rw', 'r', 'admin', 'cloud-edit', 'preview'];
     if (this.props.isGroupOwnedRepo) {
-      this.ownedPermissions = ['rw', 'r'];
+      this.permissions = ['rw', 'r'];
     }
   }
 
@@ -288,7 +288,7 @@ class ShareToUser extends React.Component {
               <PermissionEditor 
                 isTextMode={false}
                 currentPermission={this.state.permission}
-                ownedPermissions={this.ownedPermissions}
+                permissions={this.permissions}
                 onPermissionChangedHandler={this.setPermission}
               />
             </td>
@@ -314,7 +314,7 @@ class ShareToUser extends React.Component {
         </thead>
         <UserList 
           items={sharedItems}
-          ownedPermissions={this.ownedPermissions}
+          permissions={this.permissions}
           deleteShareItem={this.deleteShareItem} 
           onChangeUserPermission={this.onChangeUserPermission}
         />

frontend/src/components/permission-editor.js

@@ -6,7 +6,7 @@ import { Input } from 'reactstrap';
 const propTypes = {
   isTextMode: PropTypes.bool.isRequired, // there will be two mode. first: text and select. second: just select
   currentPermission: PropTypes.string.isRequired,
-  ownedPermissions: PropTypes.array.isRequired,
+  permissions: PropTypes.array.isRequired,
   onPermissionChangedHandler: PropTypes.func.isRequired,
 };
 
@@ -50,7 +50,7 @@ class PermissionEditor extends React.Component {
   }
 
   render() {
-    let { currentPermission, ownedPermissions, isTextMode } = this.props;
+    let { currentPermission, permissions, isTextMode } = this.props;
 
     // scence1: isTextMode (text)editor-icon --> select
     // scence2: !isTextMode select
@@ -65,7 +65,7 @@ class PermissionEditor extends React.Component {
       <div className="permission-editor">
         {(!isTextMode || this.state.isEditing) &&
           <Input style={selectStyle} type="select" onChange={this.onPermissionChangedHandler} onClick={this.onSelectHandler} value={currentPermission}>
-            {ownedPermissions.map((item, index) => {
+            {permissions.map((item, index) => {
               return (
                 <option key={index} value={item}>{Utils.sharePerms(item)}</option>
               )