Merge branch 'develop'

package.json

@@ -15,6 +15,7 @@
     "@jsonforms/material-renderers": "^3.3.0",
     "@jsonforms/react": "^3.3.0",
     "@reduxjs/toolkit": "^2.2.7",
+    "axios": "^1.7.7",
     "next": "14.2.4",
     "react": "^18",
     "react-dom": "^18",

src/app/components/LatestRelease.js

@@ -0,0 +1,39 @@
+import { useEffect, useState } from "react";
+import axios from "axios";
+
+function LatestRelease() {
+    const [latestRelease, setLatestRelease] = useState(null);
+    const [error, setError] = useState(null);
+
+    useEffect(() => {
+        async function fetchLatestRelease() {
+            try {
+                const response = await axios.get(
+                    "https://api.github.com/repos/ign-argentina/argenmap-editor/releases/latest"
+                );
+                setLatestRelease(response.data);
+            } catch (error) {
+                setError("Error obteniendo la última release");
+                console.error(error);
+            }
+        }
+
+        fetchLatestRelease();
+    }, []); // El array vacío asegura que solo se ejecuta al montar el componente.
+
+    if (error) {
+        return <div>{error}</div>;
+    }
+
+    if (!latestRelease) {
+        return <div>Cargando...</div>;
+    }
+
+    return (
+        <div>
+            <h1>{latestRelease.tag_name}</h1>
+        </div>
+    );
+}
+
+export default LatestRelease;

src/app/components/Navbar.jsx

@@ -1,4 +1,5 @@
 import React from 'react';
+import LatestRelease from "../components/LatestRelease";
 
 const Navbar = ({ config, language, selectedLang, handleLanguageChange, handleClearStorage, sectionKeys, selectedSection, handleSectionChange, setIsFormShown, isFormShown, handleDownload, handleJsonUpload }) => {
   const handleFileChange = (event) => {
@@ -18,10 +19,11 @@ const Navbar = ({ config, language, selectedLang, handleLanguageChange, handleCl
       <div className="logo-container">
         <img src="/logos/logo2.png" alt="Logo" className="logo" />
       </div>
-      <div className="version-info">
-        <label>EDITOR v0.0.0</label>
+      <div className="configVersion-info">
+        <label>
+          {config?.configVersion ? `Usando config v${config.configVersion}` : "Config sin versión"}
+        </label>
       </div>
-
       <label className="navbar-button">
         <input
           type="file"
@@ -31,7 +33,7 @@ const Navbar = ({ config, language, selectedLang, handleLanguageChange, handleCl
           title="Subir JSON"
         />
         <i className="fa-solid fa-upload" style={{ cursor: "pointer" }}></i>
-        
+
         Subir JSON
       </label>
 
@@ -80,6 +82,9 @@ const Navbar = ({ config, language, selectedLang, handleLanguageChange, handleCl
         </span>
         Descargar
       </button>
+      <div className="version-info">
+        <LatestRelease />
+      </div>
     </div>
   );
 };

src/app/global.css

@@ -89,8 +89,14 @@ input[type='number']::-webkit-outer-spin-button {
 }
 
 .version-info {
-  font-size: 16px;
-  font-weight: bold;
+  font-size: 14px;
+  color: var(--text--color);
+  font-weight: lighter;
+}
+
+.configVersion-info {
+  font-size: 13px;
+  font-weight: inherit;
   color: var(--text--color);
 }
 
@@ -210,7 +216,7 @@ input[type='number']::-webkit-outer-spin-button {
   align-items: center;
   height: 50px;
   width: 100%;
-  margin-bottom: 15px;
+  margin-bottom: 5px;
   font-size: 16px;
   transition: background-color 0.3s;
   text-align: left;