Add version info and move "Generate new item" button to gear menu

Server/Components/Pages/GamePage.razor

@@ -23,7 +23,6 @@
 @inject IUsersRepository UsersRepository
 @inject NavigationManager NavigationManager
 @inject IItemsRepository ItemsRepository
-@inject VersionInfoProvider VersionInfoProvider
 @inject UserService UserService
 @inject MovementService MovementService
 @inject ILogger<GamePage> Logger
@@ -69,7 +68,6 @@
 		<div class="dialogueWindowBg"
 			 style="background: url(@BackgroundImage);background-repeat: no-repeat;  background-size: cover; ">
 			<div class="dialogueWindow">
-				Fracture @VersionInfoProvider.InformationalVersion<br />
 				tutaj log mojej gry<br />
 				<PopupContainer @ref="_popup"></PopupContainer>
 			</div>
@@ -136,7 +134,7 @@
 		<div class="settings">
 			<div class="settingsBtn">
 				<div class="settingsBtn-content">
-					<img src="assets/icons/settingsbutton.svg" />
+					<img @onclick="() => _popup.ShowComponent<SettingsPopup>()" src="assets/icons/settingsbutton.svg" />
 				</div>
 			</div>
 			<div class="settingsBtn">

Server/Components/Popups/EquipmentPopup.razor

@@ -5,16 +5,11 @@
 @using Fracture.Server.Modules.Items.Services
 @using Fracture.Server.Modules.Users
 @using Fracture.Server.Modules.Users.Services
-@inject IItemGenerator ItemGenerator
-@inject IItemsRepository ItemsRepository
 @inject ILogger<EquipmentPopup> Logger
 @inject UserService UserService
 
 
 <div class="eqContainer">
-    <div class="buttonEquipBg">
-        <button class="buttonEquip" @onclick="GenerateNewItem">Generate new item</button>
-    </div>
     <div class="equipmentContent">
         <div>Inventory</div>
         <div class="eqColumn">

Server/Components/Popups/EquipmentPopup.razor.cs

@@ -9,20 +9,6 @@ public partial class EquipmentPopup
 {
     protected override async Task OnInitializedAsync() { }
 
-    public async Task GenerateNewItem()
-    {
-        var item = await ItemGenerator.Generate();
-
-        if (item is not null)
-        {
-            item.CreatedBy = UserService.User!;
-            item.CreatedById = UserService.User!.Id;
-
-            await ItemsRepository.AddItemAsync(item);
-            UserService.Inventory.Add(item);
-        }
-    }
-
     public void Equip(Item item)
     {
         UserService.Equip(item);

Server/Components/Popups/SettingsPopup.razor

@@ -1,5 +1,21 @@
-<h3>SettingsPopup</h3>
+@using Fracture.Server.Modules.Shared
+@using Fracture.Server.Modules.Items.Services
+@using Fracture.Server.Modules.Database
+@using Fracture.Server.Modules.Users.Services
 
-@code {
+@inject VersionInfoProvider VersionInfoProvider
+@inject IItemGenerator ItemGenerator
+@inject IItemsRepository ItemsRepository
+@inject UserService UserService
 
-}
+<div class="settings-popup">
+    <h3>Settings</h3>
+
+    <p>Version: Fracture @VersionInfoProvider.InformationalVersion</p>
+
+    <h4>Options:</h4>
+
+    <div class="actionButton settingsPopupButton" @onclick="GenerateNewItem">
+        <div class="actionButton-content">Generate new random item</div>
+    </div>
+</div>

Server/Components/Popups/SettingsPopup.razor.cs

@@ -0,0 +1,18 @@
+namespace Fracture.Server.Components.Popups;
+
+public partial class SettingsPopup
+{
+    public async Task GenerateNewItem()
+    {
+        var item = await ItemGenerator.Generate();
+
+        if (item is not null)
+        {
+            item.CreatedBy = UserService.User!;
+            item.CreatedById = UserService.User!.Id;
+
+            await ItemsRepository.AddItemAsync(item);
+            UserService.Inventory.Add(item);
+        }
+    }
+}

Server/wwwroot/css/game.css

@@ -504,6 +504,12 @@ body {
         filter: drop-shadow(3px 4px 2px black);
     }
 
+.settingsPopupButton {
+    height: 6vh;
+    width: auto;
+    font-size: 1rem;
+}
+
 .closeBtn {
     border-radius: 100%;
     width: 30px;