Language toggle

1 files changed, 13 insertions, 2 deletions

diff --git a/front/src/Emelents/Sidebar.tsx b/front/src/Emelents/Sidebar.tsx
index b138de6..4802e76 100644
--- a/front/src/Emelents/Sidebar.tsx
+++ b/front/src/Emelents/Sidebar.tsx
@@ -1,10 +1,21 @@
+import { useContext } from 'react';
+import { AllowedLanguages, LanguageContext } from '../Locales/Context';
+import { GetString } from '../Locales/Locales';
 import './Elements.css';
 
-function Sidebar() {
+type SidebarProps = {
+    setLang: (newLang: AllowedLanguages) => void;
+};
+
+function Sidebar({setLang}: SidebarProps) {
+    var language = useContext(LanguageContext);
+
     return (
         <nav className='Sidebar'>
             <div className='SidebarContents'>
-                <h1> Contents </h1>
+                <button onClick={() => setLang("ru")}> ru </button>
+                <button onClick={() => setLang("en")}> en </button>
+                <h1> {GetString("contents", language)} </h1>
                 <ul>
                 </ul>
             </div>