added value to selector

frontend/src/pages/MainForm.tsx

@@ -11,6 +11,7 @@ import {
 import { useTranslation } from "react-i18next";
 import { useState, useEffect } from "react";
 import { submitFormData } from "../utils/sender";
+import Cookies from "js-cookie";
 
 interface Message {
   type: "error" | "info" | "success" | "warning";
@@ -40,6 +41,7 @@ export const MainForm = () => {
     paymentMethod: "",
   });
   const [users, setUsers] = useState<string[]>([]);
+  const [selectedUser, setSelectedUser] = useState<string | null>(null);
 
   useEffect(() => {
     // Fetch user data or any other data needed for the form
@@ -59,26 +61,35 @@ export const MainForm = () => {
       });
       console.error("Error fetching users:", error);
     }
+
+    if (Cookies.get("selectedUser")) {
+      const cookieUser = Cookies.get("selectedUser")!;
+      setSelectedUser(cookieUser);
+      confirmUser(cookieUser);
+    }
   }, []);
 
   const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
     setFormData({ ...formData, [e.target.name]: e.target.value });
   };
 
+  const confirmUser = async (selectedUser: string) => {
+    try {
+      const response = await fetch(
+        `http://localhost:8004/default/confirm-user?username=${selectedUser}`
+      );
+      const data = await response.json();
+      setNextID(data.nextID);
+    } catch (error) {
+      console.error("Error confirming user:", error);
+    }
+  };
+
   const handleUserSelection = (selectedUser: string | null) => {
     if (!selectedUser) return;
-    const confirmUser = async () => {
+    setSelectedUser(selectedUser);
-      try {
+    confirmUser(selectedUser);
-        const response = await fetch(
+    Cookies.set("selectedUser", selectedUser);
-          `http://localhost:8004/default/confirm-user?username=${selectedUser}`
-        );
-        const data = await response.json();
-        setNextID(data.nextID);
-      } catch (error) {
-        console.error("Error confirming user:", error);
-      }
-    };
-    confirmUser();
   };
 
   const handleSubmit = async () => {
@@ -115,6 +126,7 @@ export const MainForm = () => {
         <Autocomplete
           disablePortal
           options={users}
+          value={selectedUser}
           sx={{ width: 300 }}
           renderInput={(params) => <TextField {...params} label={t("user")} />}
           onChange={(_event, value) => handleUserSelection(value)}