seiten aufrufe

src/components/FileUpload.tsx

@@ -1,4 +1,5 @@
 import { useState } from "react";
+import { Link } from "react-router-dom";
 import UploadService from "../services/FileUploadService";
 import IFile from "../types/File";
 import PreviewUpload from "./PreviewUpload";
@@ -91,7 +92,7 @@ const FileUpload: React.FC = () =>
 		{message}
 	  </div>
 	)}
-
+	<Link to={"/profil"}>Zurück zum Profil</Link>
   </div>
 	
   );

src/components/Profil.tsx

@@ -58,7 +58,7 @@ function Profil()
         {
             setSuccessMsg('Daten geändert!');
             setErrMsg("false");
-            e.currentTarget.reset();
+            e.currentTarget?.reset();
         }
         else if(!data.success && data.message)
         {
@@ -85,12 +85,13 @@ function Profil()
                 </div> 
                 <div className='neben'>
                     <label htmlFor="phone">Telefon: </label>
-                    <input type="text" name="phone" onChange={onChangeInput} id="password2" value={formData.phone} required />
+                    <input type="text" name="phone" onChange={onChangeInput} id="phone" value={formData.phone} required />
                 </div>
                 {successMsg !== "false" && <div className="success-msg">{successMsg}</div>}
                 {errMsg !== "false" && <div className="err-msg">{errMsg}</div>}
                 <button type="submit" disabled={wait}>Update</button>
             </form>
+        <Link to={"/qr"}>QR-Code drucken</Link>
         </div>
   )
 }

src/components/Qr.tsx

@@ -1,4 +1,5 @@
 import React, { useContext, useState } from 'react'
+import { Link } from 'react-router-dom';
 import { UserCtx, UserCtxT, DogT, Axios, ResponseT, TUser } from '../context/UserContext';
 import Img from './Img';
 import './Qr.css';
@@ -27,6 +28,8 @@ export default function Qr()
             {user && dog.data &&
             <div>
                 <h1>Qr-Code Druck</h1>
+                <Link to={"/profil"}>Zurück zum Profil</Link>
+
                 {/* <div>Logged in als:</div>
                 <div>{user?.email}</div>
                 <div>{user?.qr_id}</div>