Skip to content

Editing your profile

The profile page is where any signed-in user — producer or contributor — manages their personal details and account. The page shows different tabs depending on whether the user has a contributor account, a producer account, or both, and on whether they’ve completed a survey.

The user opens the profile page and sees a set of tabs. Which tabs appear depends on their account type and history:

TabWhen it appears
ProfileAlways — visible to every signed-in user
PermissionsOnly if the user has a contributor account
Survey answersOnly if the user has a contributor account
PrivacyOnly if the user has completed a survey

The Profile tab itself contains four sections:

  1. Name and email
  2. Security (password, MFA, passkeys)
  3. Notifications
  4. Delete account
FieldTranslation key
Section headingProfile.profile.nameAndEmail
NameEditable inline
EmailRead-only with a tooltip explaining it’s the primary address used for notifications

The name is validated on blur and saved automatically.

Profile tab — Diamond Code (when enabled)

Section titled “Profile tab — Diamond Code (when enabled)”

If the Diamond Code feature is on and the contributor has been assigned a code, it appears as a styled panel right after the name and email — with a copy-to-clipboard button.

Profile tab — Security and Notifications

Section titled “Profile tab — Security and Notifications”

The Security section shows password, multi-factor authentication, and passkeys controls. The Notifications section shows an “Essential notifications only” toggle.

A red “Delete Account” button opens a modal that requires the user to type their email address to confirm. The deletion removes both the org-user record and the contributor-user record if both exist.

Visible textTranslation key
ButtonProfile.deleteAccount.button
Modal titleProfile.deleteAccount.modal.title
Warning”This action cannot be undone. All your personal data will be permanently deleted.” (commonT('delete-account-warning'))

On success: a toast confirms the deletion and the user is logged out.

All profile text lives under Profile.* in tep-configuration/translations/{locale}/main/profile.json. Override per client.

The Diamond Code panel only appears if your deployment has the feature enabled (isDiversityIdEnabled()). For deployments without it, the section is omitted entirely.

Account deletion calls two mutations (org user and contributor user) and then signs the user out. The exact data-retention behaviour beyond that is a backend / data-governance question, not a client config — coordinate with your TEP contact for the specifics.

Your deploymentWhat’s different
Diamond Code enabledDiamond Code panel shows on the Profile tab and on the logout page
Producer-only usersNo Permissions, Survey answers, or Privacy tabs
Contributor-only usersAll four tabs visible (subject to having completed a survey for Privacy)
Users with both account typesSame as contributor-only

For the tab-filter logic, the dual-mutation account deletion, and the validation schemas, see Editing your profile (engineering).