diff --git a/src/components/header/AppHeaderDropdown.js b/src/components/header/AppHeaderDropdown.js index 10e80ee..5f09b4e 100644 --- a/src/components/header/AppHeaderDropdown.js +++ b/src/components/header/AppHeaderDropdown.js @@ -24,26 +24,56 @@ import { import CIcon from '@coreui/icons-react' import swal from 'sweetalert'; -import avatar8 from './../../assets/images/avatars/1.jpg' +import userImage from './../../assets/images/avatars/1.jpg' import { Link } from 'react-router-dom' // import { signout } from 'src/auth' import { useHistory } from "react-router-dom"; +import { useEffect } from 'react'; +import axios from 'axios'; +import { useState } from 'react'; + + const AppHeaderDropdown = () => { + const [userData, setUserData] = useState() let history = useHistory(); const signout = async () => { localStorage.removeItem('authToken') - // let res = await axios.get( - // `http://localhost:5000/api/user/logOut` - // ); - // if (res.success == true) { swal("success!", "Logged Out", "success"); history.push("/"); - // } } + + //for user image + + const getUser = async () => { + let token = localStorage.getItem("authToken"); + try { + let response = await axios.get(`/api/v1/user/details`, { + headers: { + Authorization: `Bearer ${token}`, + }, + }) + + if (response.data.success === true) { + setUserData(response.data.user) + + } + } + catch (err) { + + console.log(err); + }; + } + + + useEffect(() => { + getUser() + }, []) + return ( - + {userData && userData ? : + } Account