rename

src/client/js/components/Admin/Users/GiveAdminForm.jsx → src/client/js/components/Admin/Users/GiveAdminButton.jsx

@@ -5,7 +5,7 @@ import { withTranslation } from 'react-i18next';
 import { createSubscribedElement } from '../../UnstatedUtils';
 import AppContainer from '../../../services/AppContainer';
 
-class AdminMenuForm extends React.Component {
+class GiveAdminButton extends React.Component {
 
   constructor(props) {
     super(props);
@@ -22,7 +22,6 @@ class AdminMenuForm extends React.Component {
     const { t } = this.props;
 
     return (
-
       <a className="px-4" onClick={() => { this.onClickGiveAdminBtn() }}>
         <i className="icon-fw icon-user-following"></i> { t('user_management.give_admin_access') }
       </a>
@@ -34,15 +33,15 @@ class AdminMenuForm extends React.Component {
 /**
  * Wrapper component for using unstated
  */
-const AdminMenuFormWrapper = (props) => {
-  return createSubscribedElement(AdminMenuForm, props, [AppContainer]);
+const GiveAdminButtonWrapper = (props) => {
+  return createSubscribedElement(GiveAdminButton, props, [AppContainer]);
 };
 
-AdminMenuForm.propTypes = {
+GiveAdminButton.propTypes = {
   t: PropTypes.func.isRequired, // i18next
   appContainer: PropTypes.instanceOf(AppContainer).isRequired,
 
   user: PropTypes.object.isRequired,
 };
 
-export default withTranslation()(AdminMenuFormWrapper);
+export default withTranslation()(GiveAdminButtonWrapper);

src/client/js/components/Admin/Users/UserMenu.jsx

@@ -6,7 +6,7 @@ import StatusActivateButton from './StatusActivateButton';
 import StatusSuspendedButton from './StatusSuspendedButton';
 import RemoveUserButton from './UserRemoveButton';
 import RemoveAdminForm from './RemoveAdminForm';
-import GiveAdminForm from './GiveAdminForm';
+import GiveAdminButton from './GiveAdminButton';
 
 import { createSubscribedElement } from '../../UnstatedUtils';
 import AppContainer from '../../../services/AppContainer';
@@ -55,7 +55,7 @@ class UserMenu extends React.Component {
             <li className="dropdown-header">{ t('user_management.administrator_menu') }</li>
             <li>
               {user.status === 2 && user.admin === true && <RemoveAdminForm user={user} />}
-              {user.status === 2 && user.admin === false && <GiveAdminForm user={user} />}
+              {user.status === 2 && user.admin === false && <GiveAdminButton user={user} />}
             </li>
           </ul>
         </div>