Created Mutation for Updating Verification

- `useUpdateUserVerification` mutation to update a user's verification
  status used in `BannedPendingRow.jsx`
- updated `admin/users#user_params` to allow for the verified status to
  be updated

Author: alihadimazeh

app/controllers/api/v1/admin/users_controller.rb

@@ -99,7 +99,7 @@ def banned
         private
 
         def user_params
-          params.require(:user).permit(:status)
+          params.require(:user).permit(:status, :verified)
         end
       end
     end

app/javascript/components/admin/manage_users/BannedPendingRow.jsx

@@ -30,10 +30,12 @@ import Avatar from '../../users/user/Avatar';
 import useUpdateUserStatus from '../../../hooks/mutations/admin/manage_users/useUpdateUserStatus';
 import { localizeDateTimeString } from '../../../helpers/DateTimeHelper';
 import { useAuth } from '../../../contexts/auth/AuthProvider';
+import useUpdateUserVerification from "../../../hooks/mutations/admin/manage_users/useUpdateUserVerification";
 
 export default function BannedPendingRow({ user, tableType }) {
   const { t } = useTranslation();
   const updateUserStatus = useUpdateUserStatus();
+  const updateUserVerification = useUpdateUserVerification();
   const currentUser = useAuth();
   const localizedTime = localizeDateTimeString(user?.created_at, currentUser?.language);
 
@@ -62,7 +64,7 @@ export default function BannedPendingRow({ user, tableType }) {
     }
     if (tableType === 'unverified') {
       return (
-        <Dropdown.Item onClick={() => updateUserStatus.mutate({ id: user.id, verified: true })}>
+        <Dropdown.Item onClick={() => updateUserVerification.mutate({ id: user.id, verified: true })}>
           <CheckIcon className="hi-s me-2" />
           {t('admin.manage_users.verify')}
         </Dropdown.Item>

app/javascript/components/admin/manage_users/ManageUsers.jsx

@@ -100,7 +100,7 @@ export default function ManageUsers() {
                       <Tab eventKey="active" title={t('admin.manage_users.active')}>
                         <VerifiedUsers searchInput={searchInput} />
                       </Tab>
-                      <Tab eventKey="unverified" title="Test Tab">
+                      <Tab eventKey="unverified" title={t('admin.manage_users.unverified')}>
                         <UnverifiedUsers searchInput={searchInput} />
                       </Tab>
                       {registrationMethod === 'approval'

app/javascript/hooks/mutations/admin/manage_users/useUpdateUserVerification.jsx

@@ -0,0 +1,41 @@
+// BigBlueButton open source conferencing system - http://www.bigbluebutton.org/.
+//
+// Copyright (c) 2022 BigBlueButton Inc. and by respective authors (see below).
+//
+// This program is free software; you can redistribute it and/or modify it under the
+// terms of the GNU Lesser General Public License as published by the Free Software
+// Foundation; either version 3.0 of the License, or (at your option) any later
+// version.
+//
+// Greenlight is distributed in the hope that it will be useful, but WITHOUT ANY
+// WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A
+// PARTICULAR PURPOSE. See the GNU Lesser General Public License for more details.
+//
+// You should have received a copy of the GNU Lesser General Public License along
+// with Greenlight; if not, see <http://www.gnu.org/licenses/>.
+
+import { useMutation, useQueryClient } from 'react-query';
+import { toast } from 'react-toastify';
+import { useTranslation } from 'react-i18next';
+import axios from '../../../../helpers/Axios';
+
+export default function useUpdateUserVerification() {
+  const { t } = useTranslation();
+  const queryClient = useQueryClient();
+
+  return useMutation(
+    (data) => axios.patch(`/admin/users/${data.id}.json`, { user: { verified: data.verified } }),
+    {
+      onSuccess: () => {
+        queryClient.invalidateQueries(['getPendingUsers']);
+        queryClient.invalidateQueries(['getBannedUsers']);
+        queryClient.invalidateQueries(['getAdminUsers']);
+
+        toast.success(t('toast.success.user.user_updated'));
+      },
+      onError: () => {
+        toast.error(t('toast.error.problem_completing_action'));
+      },
+    },
+  );
+}