Function ProfileState

client/src/context/ProfileState.jsx:5–66

(props)

import ProfileContext from './profileContext';

const ProfileState = (props) => {
    const VITE_SERVER_PORT = import.meta.env.VITE_SERVER_PORT || 'https://bitbox-uxbo.onrender.com';
    const profileInitial = [];

    const [userProfile, setUserProfile] = useState(profileInitial);

    const createUserProfile = async (name, college, phone, address) => {
        try {
            const response = await fetch(`${VITE_SERVER_PORT}/api/profile/createprofile`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                    'auth-token': localStorage.getItem('token'),
                },
                body: JSON.stringify({ name, college, phone, address }),
            });
            const profile = await response.json();
            setUserProfile([profile, ...userProfile]);
        } catch (error) {
            console.error('Error creating profile:', error);
        }
    };

    const getUserProfile = async () => {
        try {
            const response = await fetch(`${VITE_SERVER_PORT}/api/profile/fetchprofile`, {
                method: 'GET',
                headers: {
                    'Content-Type': 'application/json',
                    'auth-token': localStorage.getItem('token'),
                },
            });
            const json = await response.json();
            setUserProfile(json);
        } catch (error) {
            console.error('Error fetching profile:', error);
        }
    };

    const updateUserProfile = async (name, college, phone, address) => {
        try {
            const response = await fetch(`${VITE_SERVER_PORT}/api/profile/updateprofile`, {
                method: 'PUT',
                headers: {
                    'Content-Type': 'application/json',
                    'auth-token': localStorage.getItem('token'),
                },
                body: JSON.stringify({ name, college, phone, address }),
            });
            const profile = await response.json();
            setUserProfile([profile, ...userProfile]);
        } catch (error) {
            console.error('Error creating profile:', error);
        }
    };

    return (
        <ProfileContext.Provider value={{ userProfile, createUserProfile, getUserProfile, updateUserProfile }}>