more elements

6 files changed, 38 insertions, 3 deletions

diff --git a/front/src/App.tsx b/front/src/App.tsx
index 6bfce7b..9bfb323 100644
--- a/front/src/App.tsx
+++ b/front/src/App.tsx
@@ -8,6 +8,8 @@ import Topbar from './Emelents/Topbar';
 import { AllowedLanguages, LanguageContext } from './Locales/Context';
 import { useState } from 'react';
 import { ReadCurrentLocale, SaveCurrentLocale } from './Locales/Locales';
+import LegalNote from './Emelents/LegalNote';
+import WeaponsIndex from './Pages/Weapons';
 
 const router = createBrowserRouter([
     {
@@ -18,6 +20,10 @@ const router = createBrowserRouter([
         path: "/classes",
         element: (<ClassesList />),
     },
+    {
+        path: "/weapons",
+        element: (<WeaponsIndex />),
+    },
 ]);
 
 function App() {
@@ -39,6 +45,7 @@ function App() {
                         />
                     <RouterProvider router={router} />
                 </div>
+                <LegalNote />
             </div>
         </LanguageContext.Provider>
     );
diff --git a/front/src/Emelents/Elements.css b/front/src/Emelents/Elements.css
index 0b67108..1f4d60f 100644
--- a/front/src/Emelents/Elements.css
+++ b/front/src/Emelents/Elements.css
@@ -81,3 +81,10 @@
     font-style: italic;
     color: var(--colorscheme-gray);
 }
+
+.Legal {
+    border-top: 1px solid var(--colorscheme-black);
+    color: var(--colorscheme-gray);
+    font-size: 15px;
+    font-family: "Rubik Dirt", system-ui;
+}
diff --git a/front/src/Emelents/LegalNote.tsx b/front/src/Emelents/LegalNote.tsx
new file mode 100644
index 0000000..ddb06ad
--- /dev/null
+++ b/front/src/Emelents/LegalNote.tsx
@@ -0,0 +1,7 @@
+function LegalNote() {
+    return (
+        <h3 className="Legal"> I do not own nor claim to own Cyberpunk trademark. All the rights belong to R. Talsorian Games, Inc. Cyberpunk is a registered trademark of CD Projekt Red S.A. All rights reserved under the Universal Copyrights Convention. All situations, governments, and people herein are fictional. Any similarities portrayed herein without satiric intent are strictly coincidental. </h3>
+    );
+}
+
+export default LegalNote;
diff --git a/front/src/Locales/Locales.ts b/front/src/Locales/Locales.ts
index 6e6a33e..f404fbe 100644
--- a/front/src/Locales/Locales.ts
+++ b/front/src/Locales/Locales.ts
@@ -18,10 +18,10 @@ function getCurrentLocale(lang: AllowedLanguages): Language {
 }
 
 export function GetLocalizedString(query: string, lang: AllowedLanguages): string {
-    query = query.toLowerCase();
+    var lowerQuery = query.toLowerCase();
     const locale = getCurrentLocale(lang);
-    const found = locale.LocalizedStrings.get(query);
-    if (found == undefined) return defaultLocale.LocalizedStrings.get(query) || query;
+    const found = locale.LocalizedStrings.get(lowerQuery);
+    if (found == undefined) return defaultLocale.LocalizedStrings.get(lowerQuery) || query;
     return found;
 }
 
diff --git a/front/src/Locales/ru_RU.ts b/front/src/Locales/ru_RU.ts
index a0592be..6c804b9 100644
--- a/front/src/Locales/ru_RU.ts
+++ b/front/src/Locales/ru_RU.ts
@@ -8,6 +8,7 @@ lang.LocalizedStrings = new Map<string, string>([
     ["contents", "Содержание"],
     ["classes list", "Список классов"],
     ["weapons", "Оружие"],
+    ["weapons index", "Список вооружения"],
 ]);
 
 export default lang;
diff --git a/front/src/Pages/Weapons.tsx b/front/src/Pages/Weapons.tsx
new file mode 100644
index 0000000..8c0160c
--- /dev/null
+++ b/front/src/Pages/Weapons.tsx
@@ -0,0 +1,13 @@
+import { useContext } from "react";
+import { LanguageContext } from "../Locales/Context";
+import { GetLocalizedString } from "../Locales/Locales";
+
+function WeaponsIndex() {
+    var lang = useContext(LanguageContext);
+
+    return (
+        <h1> {GetLocalizedString("Weapons index", lang)} </h1>
+    );
+}
+
+export default WeaponsIndex;