Side panel rework

1 files changed, 7 insertions, 3 deletions

diff --git a/front/src/Emelents/Sidebar.tsx b/front/src/Emelents/Sidebar.tsx
index d94cef8..649f2fc 100644
--- a/front/src/Emelents/Sidebar.tsx
+++ b/front/src/Emelents/Sidebar.tsx
@@ -2,19 +2,23 @@ import { useContext } from 'react';
 import { AllowedLanguages, LanguageContext } from '../Locales/Context';
 import { GetLocalizedString } from '../Locales/Locales';
 import './Elements.css';
+import SidebarListElement from './SidebarElement';
 
 type SidebarProps = {
     setLang: (newLang: AllowedLanguages) => void;
 };
 
 function Sidebar({setLang}: SidebarProps) {
-    var language = useContext(LanguageContext);
+    var lang = useContext(LanguageContext);
 
     return (
         <nav className='Sidebar'>
             <div className='SidebarContents'>
-                <h1> {GetLocalizedString("contents", language)} </h1>
-                <ul>
+                <h1> {GetLocalizedString("contents", lang)} </h1>
+                <ul className='ContentsList'>
+                    <SidebarListElement Href='/' Text='Home' />
+                    <SidebarListElement Href='/classes' Text='Classes' />
+                    <SidebarListElement Href='/weapons' Text='Weapons' />
                 </ul>
                 <button onClick={() => setLang("ru")}> ru </button>
                 <button onClick={() => setLang("en")}> en </button>