diff --git a/frontend/src/views/userDetail.js b/frontend/src/views/userDetail.js index 00c7377ae9..305d508f86 100644 --- a/frontend/src/views/userDetail.js +++ b/frontend/src/views/userDetail.js @@ -12,7 +12,7 @@ import { CountriesMapped } from '../components/userDetail/countriesMapped'; import { TopProjects } from '../components/userDetail/topProjects'; import { ContributionTimeline } from '../components/userDetail/contributionTimeline'; import { NotFound } from './notFound'; -import { OHSOME_STATS_BASE_URL } from '../config'; +import { OHSOME_STATS_BASE_URL, OSM_SERVER_URL } from '../config'; import { fetchExternalJSONAPI } from '../network/genericJSONRequest'; import { useFetch } from '../hooks/UseFetch'; import { useSetTitleTag } from '../hooks/UseMetaTags'; @@ -33,6 +33,7 @@ export const UserDetail = ({ withHeader = true }) => { const token = useSelector((state) => state.auth.token); const currentUser = useSelector((state) => state.auth.userDetails); const [osmStats, setOsmStats] = useState({}); + const [userOsmDetails, setUserOsmDetails] = useState({}); const [errorDetails, loadingDetails, userDetails] = useFetch( `users/queries/${username}/`, username !== undefined, @@ -54,6 +55,9 @@ export const UserDetail = ({ withHeader = true }) => { useEffect(() => { if (userDetails.id) { + fetchExternalJSONAPI(`${OSM_SERVER_URL}/api/0.6/user/${userDetails.id}.json`, false) + .then((res) => setUserOsmDetails(res?.user)) + .catch((e) => console.log(e)); fetchExternalJSONAPI(`${OHSOME_STATS_BASE_URL}/hot-tm-user?userId=${userDetails.id}`, true) .then((res) => setOsmStats(res.result)) .catch((e) => console.log(e)); @@ -74,7 +78,7 @@ export const UserDetail = ({ withHeader = true }) => { rows={5} ready={!errorDetails && !loadingDetails} > - + )}