Profile Photos not implemented in the MFE pages

tenkal · June 30, 2025, 10:05am

Profile photos are configured and display correctly on the Django pages’ headers of my Open edX instance, but they do not appear on the MFE page headers. How do we configure this?

Update: issue resolved
I fixed the profile picture display in the mfe by implementing a direct API approach. I added the code to fetch the user’s profile data from the edX User API when the header component loads.
here is the implementation

github.com/Esukhia/frontend-component-header

drop-menu-update/src/Header.jsx

feature

import React, { useContext, useState, useEffect } from 'react';
import Responsive from 'react-responsive';
import { injectIntl, intlShape } from '@edx/frontend-platform/i18n';
import { AppContext } from '@edx/frontend-platform/react';
import {
  APP_CONFIG_INITIALIZED,
  ensureConfig,
  mergeConfig,
  getConfig,
  subscribe,
} from '@edx/frontend-platform';

import PropTypes from 'prop-types';
import DesktopHeaderSlot from './plugin-slots/DesktopHeaderSlot';
import MobileHeaderSlot from './plugin-slots/MobileHeaderSlot';

import messages from './Header.messages';

ensureConfig([
  'LMS_BASE_URL',

This file has been truncated. show original

sarina · June 30, 2025, 1:17pm

Hi @tenkal - I’ve recategorized your post under Development. Please ensure to choose a proper category for your posts, so the right people see it!

Topic		Replies	Views
Showing Badges on the Profile MFE Development	1	129	January 18, 2024
Profile images 'gone' with Lilac upgrade Site Operations Help	11	660	December 5, 2021
A Paradigm for Porting a Django View to an MFE Application Blog	0	196	April 19, 2023
Is it possible to link photos to location of students using Open edX services? Development how-to	1	255	June 22, 2022
Yesterday's image didn't upload, so I'm re-uploading the questions Community how-to	2	334	October 28, 2022

Profile Photos not implemented in the MFE pages

Related topics