Compare commits
1 Commits
main
...
admin-rede
Author | SHA1 | Date |
---|---|---|
nameless | 09cb438e0c |
|
@ -160,11 +160,38 @@ function AdminListItem(props: { admin: AdminData; sessionId: string | null }) {
|
|||
: null,
|
||||
(args) => fetchApi(...args).then(handleResponse),
|
||||
);
|
||||
const getAdminPhoto = useSWR(
|
||||
["users/{userId}/photo", "GET", { params: { userId: String(admin.tgUserId) } }] as const,
|
||||
(args) => fetchApi(...args).then(handleResponse).then((blob) => URL.createObjectURL(blob)),
|
||||
);
|
||||
|
||||
return (
|
||||
<li className="flex flex-col gap-2 rounded-md bg-zinc-100 dark:bg-zinc-800 p-2">
|
||||
<p className="font-bold">
|
||||
{getAdminUser.data?.first_name ?? admin.id} {getAdminUser.data?.last_name}{" "}
|
||||
<div className="max-h-sm rounded-md bg-zinc-100 dark:bg-zinc-800">
|
||||
<div className="float-left flex flex-col p-10">
|
||||
{/* user avatar */}
|
||||
{getAdminUser.data
|
||||
? (
|
||||
getAdminPhoto.data
|
||||
? (
|
||||
<img
|
||||
src={getAdminPhoto.data}
|
||||
alt="avatar"
|
||||
className="w-24 h-24 rounded-full shadow-lg"
|
||||
/>
|
||||
)
|
||||
: (
|
||||
<div className="w-9 h-9 rounded-full bg-zinc-400 dark:bg-zinc-500 flex items-center justify-center text-white text-2xl font-bold select-none">
|
||||
{getAdminUser.data.first_name.at(0)?.toUpperCase()}
|
||||
</div>
|
||||
)
|
||||
)
|
||||
: null}
|
||||
</div>
|
||||
<div className="flex flex-col p-10">
|
||||
<h5 className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
|
||||
{getAdminUser.data?.first_name ?? admin.id} {getAdminUser.data?.last_name}
|
||||
</h5>
|
||||
<p className="mb-1 text-xl font-medium text-gray-900 dark:text-white">
|
||||
{getAdminUser.data?.username
|
||||
? (
|
||||
<a href={`https://t.me/${getAdminUser.data.username}`} className="link">
|
||||
|
@ -173,6 +200,7 @@ function AdminListItem(props: { admin: AdminData; sessionId: string | null }) {
|
|||
)
|
||||
: null}
|
||||
</p>
|
||||
<span className="text-sm text-gray-500 dark:text-gray-400">
|
||||
{getAdminUser.data?.bio
|
||||
? (
|
||||
<p>
|
||||
|
@ -180,6 +208,7 @@ function AdminListItem(props: { admin: AdminData; sessionId: string | null }) {
|
|||
</p>
|
||||
)
|
||||
: null}
|
||||
</span>
|
||||
{getUser.data?.admin && (
|
||||
<p className="flex gap-2">
|
||||
<button
|
||||
|
@ -190,12 +219,13 @@ function AdminListItem(props: { admin: AdminData; sessionId: string | null }) {
|
|||
</button>
|
||||
</p>
|
||||
)}
|
||||
</div>
|
||||
<DeleteAdminDialog
|
||||
dialogRef={deleteDialogRef}
|
||||
adminId={admin.id}
|
||||
sessionId={sessionId}
|
||||
/>
|
||||
</li>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue