passwort button melly pics

src/components/Profil.tsx

@@ -10,9 +10,17 @@ import './Profil.css';
 import { TextInput } from '@mantine/core';
 import { notificationError, notificationSuccess } from '../services/Notifications';
 
+type TFormData =
+{
+    email: string,
+    name: string,
+    phone: string,
+    qr_code: string
+};
+
 function Profil() 
 {
-    const [formData, setFormData] = useState({
+    const [formData, setFormData] = useState<TFormData>({
         email:'',
         name:'',
         phone:'',
@@ -51,7 +59,7 @@ function Profil()
         });
     }              
 
-    let formData_loc = 
+    let formData_loc: TFormData = 
     {
         email: '',
         name: '',
@@ -99,6 +107,21 @@ function Profil()
         }
     }
 
+    async function submitData(fd: TFormData)
+    {
+        if(!Object.values(fd).every(val => val?.trim() !== ''))
+        {
+            notificationError('Bitte alle Felder ausfüllen!');
+            return;
+        }
+        setFormData(fd);
+
+        const data = await updateDog(fd);
+        mutate();
+        showData(data);
+
+    }
+
     const submitForm = async (e: React.FormEvent<HTMLFormElement>) => 
     {
         e.preventDefault();
@@ -106,17 +129,14 @@ function Profil()
         console.log(formData_loc);
         console.log(formDataSave.current);
 
-
-        if(!Object.values(formData).every(val => val?.trim() !== ''))
+        if( formData.email || formData.name || formData.name || formData.name )
         {
-            notificationError('Bitte alle Felder ausfüllen!');
-            return;
+            submitData(formData);
+        }
+        else
+        {
+            submitData(formData_loc);
         }
-        setFormData(formData);
-
-        const data = await updateDog(formData);
-        mutate();
-        showData(data);
     }
 
     const qr_refresh = (e: React.MouseEvent<HTMLButtonElement>) =>