|
|
@@ -268,6 +268,7 @@ export const UsersPage = () => {
|
|
|
<Table>
|
|
|
<TableHeader>
|
|
|
<TableRow>
|
|
|
+ <TableHead>头像</TableHead>
|
|
|
<TableHead>用户名</TableHead>
|
|
|
<TableHead>昵称</TableHead>
|
|
|
<TableHead>邮箱</TableHead>
|
|
|
@@ -281,6 +282,23 @@ export const UsersPage = () => {
|
|
|
<TableBody>
|
|
|
{users.map((user) => (
|
|
|
<TableRow key={user.id}>
|
|
|
+ <TableCell>
|
|
|
+ <div className="w-10 h-10">
|
|
|
+ {user.avatarFile?.fullUrl ? (
|
|
|
+ <img
|
|
|
+ src={user.avatarFile.fullUrl}
|
|
|
+ alt={user.username}
|
|
|
+ className="w-10 h-10 rounded-full object-cover"
|
|
|
+ />
|
|
|
+ ) : (
|
|
|
+ <div className="w-10 h-10 rounded-full bg-gray-200 flex items-center justify-center">
|
|
|
+ <span className="text-sm font-medium text-gray-500">
|
|
|
+ {user.username?.charAt(0)?.toUpperCase() || 'U'}
|
|
|
+ </span>
|
|
|
+ </div>
|
|
|
+ )}
|
|
|
+ </div>
|
|
|
+ </TableCell>
|
|
|
<TableCell className="font-medium">{user.username}</TableCell>
|
|
|
<TableCell>{user.nickname || '-'}</TableCell>
|
|
|
<TableCell>{user.email || '-'}</TableCell>
|