deleted /demos route
This commit is contained in:
+33
-43
@@ -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<any>("");
|
||||
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 (
|
||||
<Switch>
|
||||
<Route path="/" exact>
|
||||
<div className='App'>
|
||||
<Header text={text.footer} language={language} changeLanguage={changeLanguage}></Header>
|
||||
<div className="App">
|
||||
<Header
|
||||
text={text.footer}
|
||||
language={language}
|
||||
changeLanguage={changeLanguage}
|
||||
></Header>
|
||||
<Main locale={language} text={text}></Main>
|
||||
<Footer language={language} text={text.footer}></Footer>
|
||||
</div>
|
||||
</Route>
|
||||
<Route exact path="/demos">
|
||||
<div className='App'>
|
||||
<main className="main">
|
||||
<Header text={text.footer} language={language} changeLanguage={changeLanguage}></Header>
|
||||
<Demostration text={text.demos}></Demostration>
|
||||
</main>
|
||||
</div>
|
||||
</Route>
|
||||
|
||||
</Switch>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user