diff --git a/frontend/src/components/tables/UsersTable.jsx b/frontend/src/components/tables/UsersTable.jsx
index 16588775..a0fc714b 100644
--- a/frontend/src/components/tables/UsersTable.jsx
+++ b/frontend/src/components/tables/UsersTable.jsx
@@ -19,6 +19,7 @@ import {
LoadingOverlay,
Stack,
Badge,
+ Tooltip,
} from '@mantine/core';
import { CustomTable, useTable } from './CustomTable';
import ConfirmationDialog from '../ConfirmationDialog';
@@ -155,6 +156,7 @@ const UsersTable = () => {
header: 'User Level',
accessorKey: 'user_level',
size: 120,
+ minSize: 80,
cell: ({ getValue }) => (
{USER_LEVEL_LABELS[getValue()]}
),
@@ -162,7 +164,8 @@ const UsersTable = () => {
{
header: 'Username',
accessorKey: 'username',
- size: 150,
+ size: 120,
+ minSize: 75,
cell: ({ getValue }) => (
{
{
id: 'name',
header: 'Name',
+ size: 120,
+ minSize: 50,
accessorFn: (row) =>
`${row.first_name || ''} ${row.last_name || ''}`.trim(),
cell: ({ getValue }) => (
@@ -195,7 +200,8 @@ const UsersTable = () => {
{
header: 'Email',
accessorKey: 'email',
- grow: true,
+ size: 200,
+ minSize: 50,
cell: ({ getValue }) => (
{
{
header: 'Date Joined',
accessorKey: 'date_joined',
- size: 125,
+ size: 90,
+ minSize: 90,
cell: ({ getValue }) => {
const date = getValue();
return (
@@ -223,6 +230,7 @@ const UsersTable = () => {
header: 'Last Login',
accessorKey: 'last_login',
size: 175,
+ minSize: 85,
cell: ({ getValue }) => {
const date = getValue();
return (
@@ -235,7 +243,8 @@ const UsersTable = () => {
{
header: 'XC Password',
accessorKey: 'custom_properties',
- size: 125,
+ size: 100,
+ minSize: 95,
enableSorting: false,
cell: ({ getValue, row }) => {
const userId = row.original.id;
@@ -247,10 +256,17 @@ const UsersTable = () => {
password = customProps.xc_password || 'N/A';
return (
-
+
{password === 'N/A' ? 'N/A' : isVisible ? password : '••••••••'}
@@ -271,6 +287,8 @@ const UsersTable = () => {
{
header: 'Channel Profiles',
accessorKey: 'channel_profiles',
+ size: 120,
+ minSize: 116,
grow: true,
cell: ({ getValue }) => {
const userProfiles = getValue() || [];
@@ -281,14 +299,15 @@ const UsersTable = () => {
{profileNames.length > 0 ? (
profileNames.map((name, index) => (
-
- {name}
-
+
+
+ {name}
+
+
))
) : (
@@ -301,9 +320,10 @@ const UsersTable = () => {
},
{
id: 'actions',
- size: 80,
+ size: 65,
header: 'Actions',
enableSorting: false,
+ enableResizing: false,
cell: ({ row }) => (
{
minHeight: '100vh',
}}
>
-
+