Function handleClick

client/src/component/EditProfile.jsx:30–96

()

    setProfile({ ...profile, [e.target.name]: e.target.value });
  };
  const handleClick = async () => {
    try {
      const token = localStorage.getItem("token");

      const config = {
        headers: {
          "auth-token": token,
        },
      };

      // Update the user profile
      const updateProfileResponse = await axios.put(
        `${VITE_SERVER_PORT}/api/profile/updateprofile`,
        {
          name: profile.name,
          college: profile.college,
          phone: profile.phone,
          address: profile.address,
        },
        config // Pass the config with headers
      );

      if (updateProfileResponse.status === 200) {
        console.log("Profile updated:", updateProfileResponse.data);

        // Reset the profile form after updating
        setProfile({ name: "", college: "", phone: "", address: "" });

        // If there's a file selected (for avatar), upload it
        if (file) {
          const reader = new FileReader();
          reader.onloadend = () => {
            const imageData = reader.result;
            axios
              .post(
                `${VITE_SERVER_PORT}/uploadAvatarImage`,
                { image: imageData },
                config // Pass the config with headers for image upload
              )
              .then((res) => {
                console.log("Image uploaded:", res.data);
                // After successful upload, fetch the updated image
                axios
                  .get(`${VITE_SERVER_PORT}/getAvatarImage`, config) // Include config in GET request
                  .then((res) => {
                    setImage(res.data[res.data.length - 1].image); // Fetch the last uploaded image
                  })
                  .catch((err) =>
                    console.log("Error fetching avatar image:", err)
                  );
              })
              .catch((err) => console.log("Error uploading image:", err));
          };
          reader.readAsDataURL(file); // Read the file as Data URL
        }

        // Show success alert
        props.showAlert("Profile Updated Successfully", "success");