diff --git a/src/components/connectWindow/popup/popup.tsx b/src/components/connectWindow/popup/popup.tsx index 56cfa74..630b5bd 100644 --- a/src/components/connectWindow/popup/popup.tsx +++ b/src/components/connectWindow/popup/popup.tsx @@ -1,6 +1,8 @@ -import React from "react"; +import React, { useContext } from "react"; import { PinkButton } from "../../mainPart/pinkButton"; import './popup.css'; +import { LangDict } from "../../langDict"; +import { ContextLang } from "../../ContextLang"; type TProps = { logo?: string @@ -13,6 +15,7 @@ type TProps = { } export const Popup:React.FC = React.memo((props) => { + const {lang} = useContext(ContextLang); return
{ props.logo @@ -23,23 +26,23 @@ export const Popup:React.FC = React.memo((props) => { props.type === 'title-button' && props?.onClickSecond ?
- Начать новую демонстрацию - + {LangDict.startNewDemoButton[lang]} +
- Подключиться к существующей - + {LangDict.connectToExist[lang]} +
:
- Укажите код подключения
или вставьте ссылку
+ {LangDict.promtConnectFirst[lang]}
{LangDict.promtConnectSecond[lang]}
props.setAccessCode(e.target.value)} /> - +
- +
}
diff --git a/src/components/langDict.tsx b/src/components/langDict.tsx index 82fc475..b3ee32b 100644 --- a/src/components/langDict.tsx +++ b/src/components/langDict.tsx @@ -142,5 +142,29 @@ export const LangDict = { back: { ru: 'Назад', en: 'Back' + }, + start: { + ru: 'Начать', + en: 'Start' + }, + connectToExist: { + ru: 'Подключиться к существующей', + en: 'Connect to an existing one.' + }, + promtConnectFirst: { + ru: 'Укажите код подключения', + en: 'Specify connection code' + }, + promtConnectSecond: { + ru: 'или вставьте ссылку', + en: 'or paste the link' + }, + continue: { + ru: 'Продолжить', + en: 'Continue' + }, + selecеDemoMode: { + ru: 'Выбор способа демонстрации', + en: 'Selecting a demonstration method' } }; \ No newline at end of file