Function EditProfile

client/src/component/EditProfile.jsx:10–223

(props)

import "../css/EditProfile.css";

const EditProfile = (props) => {
  const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || "https://bitbox-uxbo.onrender.com";

  const [profile, setProfile] = useState({
    name: "",
    college: "",
    phone: "",
    address: "",
  });

  const handleKeyDown = (e) => {
    if (e.key === "Enter") {
      e.preventDefault();
      handleClick();
    }
  };

  const onChange = (e) => {
    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