added settings, uk_UA langugage

client/src/services/GameDataManager.js

@@ -9,7 +9,7 @@ class GameDataManager {
     this.enemies = new Map();
     this.translations = {};
     this.manifest = {};
-    this.currentLang = "en_US";
+    this.currentLang = localStorage.getItem("selected_lang") || "en_us";
     this.isLoaded = false;
   }
 

client/src/views/GameInterface/components/GameHeader.jsx

@@ -1,51 +1,59 @@
-import React from "react";
+import React, { useState } from "react";
 import { useSocket } from "../../../hooks/useSocket";
+import SettingsModal from "./SettingsModal";
 import "./GameHeader.css";
 
 const GameHeader = ({ onReturn }) => {
   const { disconnectFromServer } = useSocket();
+  const [isSettingsOpen, setIsSettingsOpen] = useState(false);
 
   const handleHomeClick = () => {
     localStorage.removeItem("activeServer");
-
     disconnectFromServer();
-
     if (onReturn) {
       onReturn();
     }
   };
 
   return (
-    <header className="game-header">
-      <div className="header-left">
-        <h1 className="logo">GSO</h1>
-        <div className="player-info">
-          <span className="player-name" id="playerName">
-            Commander
-          </span>
-          <span className="player-level" id="playerLevel">
-            Lv. 1
-          </span>
-        </div>
-      </div>
-      <div className="header-center">
-        <div className="resources">
-          <div className="resource">
-            <i className="fas fa-bolt"></i>
-            <span id="energy">100/100</span>
+    <>
+      <header className="game-header">
+        <div className="header-left">
+          <h1 className="logo">GSO</h1>
+          <div className="player-info">
+            <span className="player-name">Commander</span>
+            <span className="player-level">Lv. 1</span>
           </div>
         </div>
-      </div>
-      <div className="header-right">
-        <button
-          className="btn btn-warning"
-          id="returnToMenuBtn"
-          onClick={handleHomeClick}
-        >
-          <i className="fas fa-home"></i>
-        </button>
-      </div>
-    </header>
+
+        <div className="header-center">
+          <div className="resources">
+            <div className="resource">
+              <i className="fas fa-bolt"></i>
+              <span>100/100</span>
+            </div>
+          </div>
+        </div>
+
+        <div className="header-right">
+          <button
+            className="btn btn-secondary"
+            onClick={() => setIsSettingsOpen(true)}
+            style={{ marginRight: "10px" }}
+          >
+            <i className="fas fa-cog"></i>
+          </button>
+
+          <button className="btn btn-warning" onClick={handleHomeClick}>
+            <i className="fas fa-home"></i>
+          </button>
+        </div>
+      </header>
+
+      {isSettingsOpen && (
+        <SettingsModal onClose={() => setIsSettingsOpen(false)} />
+      )}
+    </>
   );
 };
 

client/src/views/GameInterface/components/Navigation.jsx

@@ -1,17 +1,23 @@
 import React from "react";
+import GameDataManager from "../../../services/GameDataManager.js";
 import "./Navigation.css";
 
 const Navigation = ({ activeTab, onTabChange }) => {
   const tabs = [
-    { id: "dashboard", icon: "fa-tachometer-alt", label: "Dashboard" },
-    { id: "dungeons", icon: "fa-dungeon", label: "Dungeons" },
-    { id: "skills", icon: "fa-graduation-cap", label: "Skills" },
-    { id: "inventory", icon: "fa-archive", label: "Inventory" },
-    { id: "shop", icon: "fa-store", label: "Shop" },
-    { id: "crafting", icon: "fa-hammer", label: "Crafting" },
-    { id: "itemlist", iocon: "fa-store", label: "Item List" },
+    { id: "dashboard", icon: "fa-tachometer-alt" },
+    { id: "dungeons", icon: "fa-dungeon" },
+    { id: "skills", icon: "fa-graduation-cap" },
+    { id: "inventory", icon: "fa-archive" },
+    { id: "shop", icon: "fa-store" },
+    { id: "crafting", icon: "fa-hammer" },
+    { id: "itemlist", icon: "fa-list-ul" },
   ];
 
+  const getLabel = (id) => {
+    if (id === "itemlist") return "ITEM_LIST";
+    return GameDataManager.t(`category.tabs.original.${id}`);
+  };
+
   return (
     <nav className="main-nav">
       <div className="nav-container">
@@ -23,7 +29,7 @@ const Navigation = ({ activeTab, onTabChange }) => {
           >
             <div className="nav-btn-content">
               <i className={`fas ${tab.icon}`}></i>
-              <span className="nav-label">{tab.label}</span>
+              <span className="nav-label">{getLabel(tab.id)}</span>
             </div>
             <div className="nav-active-indicator"></div>
           </button>

client/src/views/GameInterface/components/SettingsModal.css

@@ -0,0 +1,114 @@
+.settings-overlay {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.85);
+  backdrop-filter: blur(5px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 9999;
+}
+
+.settings-modal {
+  background: #0a0e14;
+  border: 1px solid #00ffff44;
+  width: 350px;
+  box-shadow: 0 0 30px rgba(0, 255, 255, 0.1);
+  font-family: "Rajdhani", sans-serif;
+}
+
+.settings-header {
+  padding: 15px;
+  border-bottom: 1px solid rgba(0, 255, 255, 0.1);
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  background: rgba(0, 255, 255, 0.03);
+}
+
+.settings-title {
+  color: #00ffff;
+  font-weight: bold;
+  letter-spacing: 2px;
+  font-size: 14px;
+}
+
+.close-x {
+  background: none;
+  border: none;
+  color: #666;
+  font-size: 24px;
+  cursor: pointer;
+}
+
+.settings-body {
+  padding: 20px;
+}
+
+.section-label {
+  display: block;
+  color: #444;
+  font-size: 11px;
+  margin-bottom: 10px;
+  letter-spacing: 1px;
+}
+
+.lang-selector {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
+.lang-option {
+  background: rgba(255, 255, 255, 0.02);
+  border: 1px solid rgba(255, 255, 255, 0.05);
+  color: #ccc;
+  padding: 12px;
+  text-align: left;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  transition: all 0.2s;
+}
+
+.lang-option:hover {
+  background: rgba(0, 255, 255, 0.05);
+  color: #fff;
+}
+
+.lang-option.active {
+  border-color: #00ffff;
+  color: #00ffff;
+  background: rgba(0, 255, 255, 0.08);
+}
+
+.lang-indicator {
+  width: 4px;
+  height: 4px;
+  background: currentColor;
+  margin-right: 12px;
+}
+
+.settings-footer {
+  padding: 15px;
+  text-align: center;
+}
+
+.btn-confirm {
+  width: 100%;
+  background: transparent;
+  border: 1px solid #00ffff66;
+  color: #00ffff;
+  padding: 10px;
+  cursor: pointer;
+  text-transform: uppercase;
+  font-size: 12px;
+  letter-spacing: 1px;
+}
+
+.btn-confirm:hover {
+  background: #00ffff11;
+}

client/src/views/GameInterface/components/SettingsModal.jsx

@@ -0,0 +1,58 @@
+import React, { useState } from "react";
+import GameDataManager from "../../../services/GameDataManager.js";
+import "./SettingsModal.css";
+
+const SettingsModal = ({ onClose }) => {
+  const [currentLang, setCurrentLang] = useState(GameDataManager.currentLang);
+
+  const languages = [
+    { code: "en_US", name: "English" },
+    { code: "fr_FR", name: "French" },
+    { code: "uk_UA", name: "Ukrainian" },
+  ];
+
+  const handleLanguageChange = (langCode) => {
+    GameDataManager.setLanguage(langCode);
+    localStorage.setItem("selected_lang", langCode);
+    setCurrentLang(langCode);
+  };
+
+  return (
+    <div className="settings-overlay" onClick={onClose}>
+      <div className="settings-modal" onClick={(e) => e.stopPropagation()}>
+        <div className="settings-header">
+          <span className="settings-title">SYSTEM_SETTINGS</span>
+          <button className="close-x" onClick={onClose}>
+            &times;
+          </button>
+        </div>
+
+        <div className="settings-body">
+          <section className="settings-section">
+            <label className="section-label">LANGUAGE_INTERFACE</label>
+            <div className="lang-selector">
+              {languages.map((lang) => (
+                <button
+                  key={lang.code}
+                  className={`lang-option ${currentLang === lang.code ? "active" : ""}`}
+                  onClick={() => handleLanguageChange(lang.code)}
+                >
+                  <span className="lang-indicator"></span>
+                  {lang.name}
+                </button>
+              ))}
+            </div>
+          </section>
+        </div>
+
+        <div className="settings-footer">
+          <button className="btn-confirm" onClick={onClose}>
+            CLOSE_MENU
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+};
+
+export default SettingsModal;

game-server/datapacks/original/assets/languages/uk_UA.json

@@ -0,0 +1,110 @@
+{
+  "_comment_Dungeons": "",
+  "dungeons.original.pirate.pirates_outpost": "Аванпост піратів",
+  "dungeons.original.pirate.pirates_outpost.desc": "Прихована станція постачання, що належить синдикату «Чорна Мітка».",
+  "dungeons.original.tutorial.pirates_outpost": "Навчання",
+  "dungeons.original.tutorial.pirates_outpost.desc": "Одноразове підземелля для освоєння азів.",
+  "_comment_Enemies": "",
+  "enemies.original.pirate.black_mark_heavy_cruiser": "Важкий крейсер «Чорної Мітки»",
+  "enemies.original.pirate.raider_frigate": "Фрегат рейдерів",
+  "enemies.original.pirate.scout_drone": "Дрон-розвідник",
+  "enemies.original.tutorial.tutorial_hostile": "Тренувальний ворог",
+  "enemies.original.tutorial.tutorial_boss_hostile": "Бос навчання",
+  "_comment_Equipment": "",
+  "items.materials.original.backpack_basic": "Базовий рюкзак",
+  "items.materials.original.backpack_basic.desc": "Основа вашого спорядження.",
+  "items.materials.original.backpack_advanced": "Покращений рюкзак",
+  "items.materials.original.backpack_advanced.desc": "Спроба використати більш досконалий костюм.",
+  "items.materials.original.backpack_elite": "Елітний рюкзак",
+  "items.materials.original.backpack_elite.desc": "Найкраще, що може запропонувати світ.",
+  "_comment_Materials": "",
+  "items.materials.original.bio.bio_pulp": "Біомаса",
+  "items.materials.original.bio.bio_pulp.desc": "Купа біологічного матеріалу.",
+  "items.materials.original.alloys.steel": "Сталевий злиток",
+  "items.materials.original.alloys.steel.desc": "Злиток високоміцної сталі.",
+  "items.materials.original.ingots.aluminum": "Алюмінієвий злиток",
+  "items.materials.original.ingots.aluminum.desc": "Легкий алюмінієвий злиток.",
+  "items.materials.original.ingots.chronite": "Хронітовий злиток",
+  "items.materials.original.ingots.chronite.desc": "Злиток рідкісного хроніту.",
+  "items.materials.original.ingots.copper": "Мідний злиток",
+  "items.materials.original.ingots.copper.desc": "Злиток чистої міді.",
+  "items.materials.original.ingots.gold": "Золотий злиток",
+  "items.materials.original.ingots.gold.desc": "Злиток щирого золота.",
+  "items.materials.original.ingots.iron": "Залізний злиток",
+  "items.materials.original.ingots.iron.desc": "Злиток переплавленого заліза.",
+  "items.materials.original.ingots.titanium": "Титановий злиток",
+  "items.materials.original.ingots.titanium.desc": "Надміцний титановий злиток.",
+  "items.materials.original.ingots.tungsten": "Вольфрамовий злиток",
+  "items.materials.original.ingots.tungsten.desc": "Тугоплавкий вольфрамовий злиток.",
+  "items.materials.original.ores.bauxite": "Бокситова руда",
+  "items.materials.original.ores.bauxite.desc": "Купа бокситової руди.",
+  "items.materials.original.ores.chronite": "Хромова руда",
+  "items.materials.original.ores.chronite.desc": "Купа хромової руди.",
+  "items.materials.original.ores.coal": "Вугілля",
+  "items.materials.original.ores.coal.desc": "Купа викопного вугілля.",
+  "items.materials.original.ores.copper": "Мідна руда",
+  "items.materials.original.ores.copper.desc": "Купа мідної руди.",
+  "items.materials.original.ores.gold": "Золота руда",
+  "items.materials.original.ores.gold.desc": "Купа золотоносної руди.",
+  "items.materials.original.ores.ilmenite": "Ільменітова руда",
+  "items.materials.original.ores.ilmenite.desc": "Купа ільменітової руди.",
+  "items.materials.original.ores.iron": "Залізна руда",
+  "items.materials.original.ores.iron.desc": "Купа залізної руди.",
+  "items.materials.original.ores.wolfrinite": "Вольфрамова руда",
+  "items.materials.original.ores.wolfrinite.desc": "Купа вольфрамової руди.",
+  "items.materials.original.plating.basic_ship_plating": "Корабельна обшивка",
+  "items.materials.original.plating.basic_ship_plating.desc": "Звичайна базова обшивка для суден.",
+  "_comment_Recipes": "",
+  "recipes.category.original.alloys": "Сплави",
+  "recipes.category.original.circuits": "Схеми",
+  "recipes.category.original.food": "Їжа",
+  "recipes.category.original.forging": "Кування",
+  "recipes.category.original.hull_sections": "Секції корпусу",
+  "recipes.category.original.hulls": "Корпуси",
+  "recipes.category.original.organics": "Органіка",
+  "recipes.category.original.spacesuit_parts": "Деталі скафандра",
+  "_comment_Shop": "",
+  "shop.category.original.materials": "Матеріали",
+  "_comment_Skills": "",
+  "skills.category.original.combat": "Бойові навички",
+  "skills.category.original.combat.weapon_effiency": "Ефективність зброї",
+  "skills.category.original.combat.weapon_effiency.desc": "Час зробити наші гармати смертоноснішими!",
+  "skills.category.original.crafting": "Ремесло",
+  "skills.category.original.crafting.blacksmithing": "Ковальство",
+  "skills.category.original.crafting.blacksmithing.desc": "Виготовлення базових металевих виробів.",
+  "skills.category.original.crafting.alloying": "Створення сплавів",
+  "skills.category.original.crafting.alloying.desc": "Мистецтво поєднання металів.",
+  "skills.category.original.science": "Наука",
+  "skills.category.original.science.alien_technology": "Інопланетні технології",
+  "skills.category.original.science.alien_technology.desc": "Вивчення невідомих таємничих технологій.",
+  "skills.category.original.science.biology_engineering": "Біоінженерія",
+  "skills.category.original.science.biology_engineering.desc": "Можливо, нам вдасться розблокувати біотехнології?",
+  "_comment_Stats": "",
+  "stats.category.original.attack.base": "Атака",
+  "stats.category.original.attack.chance": "Шанс атаки",
+  "stats.category.original.attack.rating": "Рейтинг атаки",
+  "stats.category.original.defence.base": "Захист",
+  "stats.category.original.defence.chance": "Шанс захисту",
+  "stats.category.original.defence.rating": "Рейтинг захисту",
+  "stats.category.original.health": "Здоров'я",
+  "stats.category.original.penetration.base": "Пробиття",
+  "stats.category.original.penetration.chance": "Шанс пробиття",
+  "stats.category.original.penetration.rating": "Рейтинг пробиття",
+  "stats.category.original.reflect.base": "Відбиття",
+  "stats.category.original.reflect.chance": "Шанс відбиття",
+  "stats.category.original.reflect.rating": "Рейтинг відбиття",
+  "stats.category.original.resistance.base": "Опір",
+  "stats.category.original.resistance.cold": "Опір холоду",
+  "stats.category.original.resistance.gamma": "Гамма-резист",
+  "stats.category.original.resistance.heat": "Опір теплу",
+  "stats.category.original.resistance.ion": "Іонний опір",
+  "stats.category.original.resistance.physical": "Фізичний опір",
+  "stats.category.original.resistance.plasma": "Плазмовий опір",
+  "_comment_Tabs": "",
+  "category.tabs.original.crafting": "Крафт",
+  "category.tabs.original.dashboard": "Головна",
+  "category.tabs.original.dungeons": "Підземелля",
+  "category.tabs.original.inventory": "Інвентар",
+  "category.tabs.original.shop": "Магазин",
+  "category.tabs.original.skills": "Навички"
+}