import { useState, useEffect } from "react";
import { useParams } from 'react-router-dom'; import axios from "axios";
export default function UserPage(){

let { userID} = useParams();
const [user, setUser] = useState({});

useEffect(()=> {
    axios.get(`${process.env.REACT_APP_BACKEND_URL}/user/${userID}`).then((response) =>{
            console.log("Debug: res:", response.data);
        setUser(response.data);
    });
}, [userID]);

    useEffect(() => {
    console.log("Debug: user:", user);
}, [user]);

return(
    <div className="userpage">
        <h2>User Page</h2>
         First Name: {user.firstname}
         Last Name: {user.surname}
    </div>
);
}