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,15 +61,19 @@ 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 handleUserSelection = (selectedUser: string | null) => {
+  const confirmUser = async (selectedUser: string) => {
-    if (!selectedUser) return;
-    const confirmUser = async () => {
     try {
       const response = await fetch(
         `http://localhost:8004/default/confirm-user?username=${selectedUser}`
@@ -78,7 +84,12 @@ export const MainForm = () => {
       console.error("Error confirming user:", error);
     }
   };
-    confirmUser();
+
+  const handleUserSelection = (selectedUser: string | null) => {
+    if (!selectedUser) return;
+    setSelectedUser(selectedUser);
+    confirmUser(selectedUser);
+    Cookies.set("selectedUser", selectedUser);
   };
 
   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)}