This commit is contained in:
2023-08-15 13:16:47 +05:00
parent 1dac8116fb
commit 9a0dbe390e
4 changed files with 63 additions and 30 deletions
@@ -9,6 +9,7 @@ import MobilePhoneIcon from "../icons/MobilePhoneIcon";
import UserIcon from "../icons/UserIcon";
import CloseIcon from "../icons/CloseIcon";
import useStreamUserStore from "../../stores/useStreamUserStore";
import { Trans } from "react-i18next";
/* eslint-disable @typescript-eslint/no-explicit-any */
interface UsersManagementModalProps {
@@ -28,7 +29,9 @@ function UsersManagementModal({
return (
<div className="relative lg:p-10 p-6 bg-[#131317] rounded shadow-lg w-[320px] flex flex-col gap-2">
<div className="flex flex-col lg:gap-8 gap-4">
<p className="font-gilroy lg:text-2xl">Участники</p>
<p className="font-gilroy lg:text-2xl">
<Trans i18nKey={"members"}>Участники</Trans>
</p>
<div className="flex flex-col gap-2">
{users.map((user: any, index: number) => (
<div key={index} className="relative">
@@ -80,7 +83,7 @@ function UsersManagementModal({
<div>
{me && me.id === user.id && (
<span className="text-[#73788C] text-xs">Вы</span>
<span className="text-[#73788C] text-xs"><Trans i18nKey={"you"}>Вы</Trans></span>
)}
</div>
</div>