working on user data update

frontend/src/routes/user/EditableField.svelte

@@ -2,7 +2,7 @@
     import { t } from '../../translations.svelte.js';
     import { checkUser } from '../../user.svelte.js';
 
-    let { key, value } = $props();
+    let { key, onUpdate, value } = $props();
 
     let input = $state(false);
 
@@ -13,7 +13,7 @@
     function check_key(evt){
         if (evt.key === 'Enter'){
             input = false;
-            checkUser();
+            onUpdate({key:key,value:value});
         }
     }
 </script>

frontend/src/routes/user/User.svelte

@@ -3,6 +3,15 @@
     import { user } from '../../user.svelte.js';
     import EditableField from './EditableField.svelte';
 
+    async function patch(changeset){
+        const url = `${location.protocol}//${location.host.replace('5173','8080')}/api/user/${user.id}`;
+
+        await fetch(url,{
+            method: 'PATCH',
+            credentials: 'include',
+            body: JSON.stringify(changeset)
+        })
+    }
 </script>
 <h1>{t('user.user_module')}</h1>
 
@@ -16,7 +25,7 @@
             <th>{t('user.id')}</th>
             <td>{user.id}</td>
         </tr>
-        <EditableField key='user.name' value={user.name} />
+        <EditableField key='user.name' value={user.name} onUpdate={patch} />
         <EditableField key='user.login' value={user.login} />
         <EditableField key='user.email' value={user.email} />
         <tr>