Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 | 40x 2x 40x 40x 5x 5x 2x 2x 1x 1x 1x 3x 1x 1x 40x 40x 3x 1x 40x 99x 99x 99x 40x 40x | import React from "react";
import OurTable, { ButtonColumn } from "main/components/OurTable"
import { formatTime } from "main/utils/dateUtils";
import { useBackendMutation } from "main/utils/useBackend";
import { useCurrentUser } from "main/utils/currentUser";
export default function UsersTable({ users, showToggleButtons = false }) {
const { data: currentUser } = useCurrentUser();
// toggleAdmin
function cellToAxiosParamsToggleAdmin(cell) {
return {
url: "/api/admin/users/toggleAdmin",
method: "POST",
params: {
githubId: cell.row.values.githubId
}
}
}
// Stryker disable all : hard to test for query caching
const toggleAdminMutation = useBackendMutation(
cellToAxiosParamsToggleAdmin,
{},
["/api/admin/users"]
);
// Stryker restore all
// Stryker disable all : TODO try to make a good test for this
const toggleAdminCallback = async (cell) => {
const userGithubLogin = cell.row.values.githubLogin;
if (currentUser?.root?.user?.githubLogin && userGithubLogin === currentUser.root.user.githubLogin) {
const promptResponse = window.prompt("WARNING! You are toggling admin status for yourself. Once you remove your own admin privileges you will not be able to give them back to yourself and will need another admin to give you privileges back. Please type your GitHub login to confirm:");
if (promptResponse !== currentUser.root.user.githubLogin) {
alert("Confirmation failed. Admin status not changed.");
return;
}
toggleAdminMutation.mutate(cell);
}
else{
if (window.confirm("Are you sure you want to toggle the admin status for this user?")) {
toggleAdminMutation.mutate(cell);
}
}
};
// toggleInstructor
function cellToAxiosParamsToggleInstructor(cell) {
return {
url: "/api/admin/users/toggleInstructor",
method: "POST",
params: {
githubId: cell.row.values.githubId
}
}
}
// Stryker disable all : hard to test for query caching
const toggleInstructorMutation = useBackendMutation(
cellToAxiosParamsToggleInstructor,
{},
["/api/admin/users"]
);
// Stryker restore all
// Stryker disable next-line all : TODO try to make a good test for this
const toggleInstructorCallback = async(cell) => {
if (window.confirm("Are you sure you want to toggle the instructor status for this user?")) {
toggleInstructorMutation.mutate(cell);
}
};
const columns = [
{
Header: 'githubId',
accessor: 'githubId', // accessor is the "key" in the data
},
{
Header: 'githubLogin',
accessor: 'githubLogin', // accessor is the "key" in the data
},
{
Header: 'fullName',
accessor: 'fullName',
},
{
Header: 'Email',
accessor: 'email',
},
{
Header: 'Last Online',
id: 'lastOnline',
accessor: (row) => formatTime(row.lastOnline),
},
{
Header: 'Admin',
id: 'admin',
accessor: (row, _rowIndex) => String(row.admin) // hack needed for boolean values to show up
},
{
Header: 'Instructor',
id: 'instructor',
accessor: (row, _rowIndex) => String(row.instructor) // hack needed for boolean values to show up
},
];
const buttonColumn = [
...columns,
ButtonColumn("toggle-admin", "primary", toggleAdminCallback, "UsersTable"),
ButtonColumn("toggle-instructor", "primary", toggleInstructorCallback, "UsersTable")
]
return (
<OurTable
data={users}
columns={showToggleButtons ? buttonColumn : columns}
testid={"UsersTable"}
/>
);
};
|