diff --git a/src/App.tsx b/src/App.tsx index 9db65f4..9d2ac51 100644 --- a/src/App.tsx +++ b/src/App.tsx @@ -1,5 +1,5 @@ import "./index.css"; -import "./App.css" +import "./App.css"; import { Route, Switch } from "react-router-dom"; import React, { useEffect, useState } from "react"; @@ -9,7 +9,7 @@ import { Main } from "./components/main/main"; import { Header } from "./components/header/header"; import { Footer } from "./components/footer/footer"; import { Demostration } from "./components/demonstration/demonstartion"; -import textRU from "./utils/textRU" +import textRU from "./utils/textRU"; import textEN from "./utils/textEN"; export type TObjct = { @@ -19,58 +19,53 @@ export type TObjct = { confirm: boolean; }; - - - export const App: React.FC = () => { const [language, setLanguage] = useState(""); const [text, setText] = useState(textRU); - const savedLanguage = localStorage.getItem('savedLang') - + const savedLanguage = localStorage.getItem("savedLang"); useEffect(() => { if (savedLanguage !== null) { - setSavedLanguage() + setSavedLanguage(); } else { - setInitialLanguage() + setInitialLanguage(); } }, []); function setSavedLanguage() { - if (savedLanguage === 'RU') { - setLanguage('RU') - localStorage.setItem("lang", 'RU') - setText(textRU) - } else if (savedLanguage === 'EN') { - setLanguage('EN') - localStorage.setItem("lang", 'EN') - setText(textEN) + if (savedLanguage === "RU") { + setLanguage("RU"); + localStorage.setItem("lang", "RU"); + setText(textRU); + } else if (savedLanguage === "EN") { + setLanguage("EN"); + localStorage.setItem("lang", "EN"); + setText(textEN); } } function setInitialLanguage() { - if (window.navigator.language === 'ru') { - setLanguage('RU') - localStorage.setItem("lang", 'RU') - setText(textRU) - + if (window.navigator.language === "ru") { + setLanguage("RU"); + localStorage.setItem("lang", "RU"); + setText(textRU); } else { - setLanguage('EN') - setText(textEN) + setLanguage("EN"); + setText(textEN); } } function changeLanguage(language: string) { - if (language === 'RU') { + if (language === "RU") { setLanguage(language); - setText(textRU) - localStorage.setItem('savedLang', 'RU'); - localStorage.setItem("lang", 'RU') + setText(textRU); + localStorage.setItem("savedLang", "RU"); + localStorage.setItem("lang", "RU"); } else { - setLanguage('EN') - localStorage.setItem("lang", 'EN') - localStorage.setItem("savedLang", 'EN') - setText(textEN) + setLanguage("EN"); + localStorage.setItem("lang", "EN"); + localStorage.setItem("savedLang", "EN"); + setText(textEN); } } @@ -80,21 +75,16 @@ export const App: React.FC = () => { return ( -
-
+
+
- -
-
-
- -
-
-
- ); };