diff options
Diffstat (limited to 'front/src/Emelents/Sidebar.tsx')
| -rw-r--r-- | front/src/Emelents/Sidebar.tsx | 10 |
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> |