From 3af4e195229010745bc8fb44df0e25339a8b191a Mon Sep 17 00:00:00 2001
From: tsindt <Thomas.Sindt@gmx.de>
Date: Wed, 29 Jul 2026 21:31:50 +0200
Subject: [PATCH] =?UTF-8?q?tests=20erster=20React=20Oberfl=C3=A4chen=20Tec?=
 =?UTF-8?q?hnik=202?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 buildtime/client/logical-editor/src/App.css   | 20 +++++++++++++------
 .../src/components/Language.jsx               | 11 +++++++---
 .../src/components/tools/UseFetch.jsx         |  5 +++--
 3 files changed, 25 insertions(+), 11 deletions(-)

diff --git a/buildtime/client/logical-editor/src/App.css b/buildtime/client/logical-editor/src/App.css
index 3755f00a1..367a71a80 100644
--- a/buildtime/client/logical-editor/src/App.css
+++ b/buildtime/client/logical-editor/src/App.css
@@ -52,12 +52,20 @@
   }
 }
 
-.sidebar h2 {
+.treeElement p {
+  font-size: 12px;
+  margin: 8px 16px 0 0;
+}
+
+.treeElement {
+  background: whitesmoke;
+  border-inline: 1px solid var(--border);
+  box-sizing: border-box;
+  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);  
+}
+
+.treeElement h2 {
   font-size: 14px;
   letter-spacing: -1px;
-  margin: 8px 16px 0 0;
-  @media (max-width: 1024px) {
-    font-size: 14px;
-    margin: 20px 0;
-  }
+  margin: 4px 16px 0 0;
 }
\ No newline at end of file
diff --git a/buildtime/client/logical-editor/src/components/Language.jsx b/buildtime/client/logical-editor/src/components/Language.jsx
index b5ec8b9b9..546b3ceec 100644
--- a/buildtime/client/logical-editor/src/components/Language.jsx
+++ b/buildtime/client/logical-editor/src/components/Language.jsx
@@ -1,11 +1,16 @@
 import { useState } from 'react'
-//import UseFetch from './tools/UseFetch';
+import UseFetch from './tools/UseFetch';
 
 const Language = ({ languageid }) => {
-
+    const { data: lang, isLoading, error } = UseFetch(`http://localhost:8088/language/${languageid}`)  
+    
+    if (isLoading) return <p>Loading profile...</p>  
+    if (error) return <p>Error: {error}</p>
+    
     return (
         <div className="treeElement">
-            <h2>Language ${languageid}</h2>
+            <h2>Language: {lang.language}</h2>
+            <p>Locale: {lang.locale}</p>
         </div>
     );
 }   
diff --git a/buildtime/client/logical-editor/src/components/tools/UseFetch.jsx b/buildtime/client/logical-editor/src/components/tools/UseFetch.jsx
index 08a5618b9..58c893311 100644
--- a/buildtime/client/logical-editor/src/components/tools/UseFetch.jsx
+++ b/buildtime/client/logical-editor/src/components/tools/UseFetch.jsx
@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react'
 
-function UseFetch(url, options) {  
+function UseFetch(url, options = {method: 'GET'}) {  
     const [data, setData] = useState(null)  
     const [isLoading, setIsLoading] = useState(true)  
     const [error, setError] = useState(null)  
@@ -20,7 +20,8 @@ function UseFetch(url, options) {
             .then((json) => setData(json))      
             .catch((err) => setError(err.message))      
             .finally(() => setIsLoading(false))  
-        })  
+    },[])
+
     return { data, isLoading, error }
 }