upd

src/components/modals/ShareModal.tsx

@@ -5,6 +5,7 @@ import "react-toastify/dist/ReactToastify.css";
 import useModalStore from "../../stores/useModalStore";
 import CloseIcon from "../icons/CloseIcon";
 import AlertIcon from "../icons/AlertIcon";
+import { Trans } from "react-i18next";
 
 function ShareModal() {
   const [setModal] = useModalStore((state) => [state.setModal]);
@@ -35,12 +36,16 @@ function ShareModal() {
       <div className="relative lg:p-10 p-6 bg-[#131317] rounded shadow-lg w-[320px]">
         <div className="flex flex-col lg:gap-8 gap-4">
           <p className="font-gilroy lg:text-2xl">
-            Пригласить
-            <br />
-            на демонстрацию
+            <Trans i18nKey={"shareModal.title"}>
+              Пригласить
+              <br />
+              на демонстрацию
+            </Trans>
           </p>
           <div className="flex flex-col gap-4">
-            <p className="font-gilroy lg:text-xl">Ссылка для подключения</p>
+            <p className="font-gilroy lg:text-xl">
+              <Trans i18nKey={"shareModal.label"}>Ссылка для подключения</Trans>
+            </p>
             <input
               ref={clipboard.target}
               readOnly
@@ -53,7 +58,9 @@ function ShareModal() {
               className="pl-3 pr-4 py-2 bg-gradient rounded flex items-center gap-1 w-fit"
             >
               <ShareIcon />
-              <span className="text-sm">Скопировать</span>
+              <span className="text-sm">
+                <Trans i18nKey={"shareModal.button"}>Скопировать</Trans>
+              </span>
             </button>
           </div>
         </div>

src/components/modals/UsersManagementModal.tsx

@@ -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>