diff --git a/src/components/mainScreen/mobileAddPart/langButton.tsx b/src/components/mainScreen/mobileAddPart/langButton.tsx index 45361b3..2ee53f1 100644 --- a/src/components/mainScreen/mobileAddPart/langButton.tsx +++ b/src/components/mainScreen/mobileAddPart/langButton.tsx @@ -9,7 +9,7 @@ type TProps = { } export const LangButton:React.FC = React.memo((props) => { - return
+ return
props.onClick()}>
{props.title} {props.caption} diff --git a/src/components/mainScreen/mobileAddPart/mobileAddPart.css b/src/components/mainScreen/mobileAddPart/mobileAddPart.css index 29b4a84..53daa40 100644 --- a/src/components/mainScreen/mobileAddPart/mobileAddPart.css +++ b/src/components/mainScreen/mobileAddPart/mobileAddPart.css @@ -164,6 +164,7 @@ background-color: #4F4F4F; justify-content: space-between; align-items: center; + user-select: none; } .lang-button-container:active { diff --git a/src/components/mainScreen/mobileAddPart/settingButtons.tsx b/src/components/mainScreen/mobileAddPart/settingButtons.tsx index 63a8fcc..d56dabf 100644 --- a/src/components/mainScreen/mobileAddPart/settingButtons.tsx +++ b/src/components/mainScreen/mobileAddPart/settingButtons.tsx @@ -1,4 +1,4 @@ -import React from "react"; +import React, { useState } from "react"; import { SettingButton } from "./settingButton"; import langIcon from './icons/languageIcon.svg'; import shareIcon from './icons/shareIcon.svg'; @@ -15,6 +15,11 @@ type TProps = { } export const SettingButtons:React.FC = React.memo((props) => { + const [currentLang, setCurrentLang] = useState(true); //temp + function changeLang() { + setCurrentLang(!currentLang); + } + return
{ @@ -39,14 +44,16 @@ export const SettingButtons:React.FC = React.memo((props) => { }