> ## Documentation Index
> Fetch the complete documentation index at: https://support.feelproclub.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Change your name and photo

> Edit the name shown in the app and your account photo.

export const PageHeader = ({current, href, roles = []}) => {
  const renderLanguage = (code, label) => code === current ? <span aria-current="true" className="font-semibold text-gray-900 dark:text-gray-200">
        {code.toUpperCase()}
      </span> : <a href={href} hrefLang={code} lang={code} aria-label={`${code.toUpperCase()}: ${label}`} className="underline">
        {code.toUpperCase()}
      </a>;
  return <div className="not-prose flex items-center justify-between gap-3">
      <div className="flex flex-wrap items-center gap-2">
        {roles.map(role => <Badge key={role} color="green" shape="pill" icon="shield-check">
            {role}
          </Badge>)}
      </div>
      <nav aria-label="Idioma / Language" className="flex gap-2 text-sm text-gray-500 dark:text-gray-400">
        {renderLanguage('es', 'Leer esta página en español')}
        <span aria-hidden="true">/</span>
        {renderLanguage('en', 'Read this page in English')}
      </nav>
    </div>;
};

<PageHeader current="en" href="/es/cuenta/nombre-y-foto" />

From **My Profile**, change the name other people see and your account photo. Open **Personal data** under **Your details**, or use the photo shortcut beside your avatar. Changes take effect when you save them.

## How to do it

1. On **My Profile**, tap **Personal data** under **Your details**, or **Change photo** beside your avatar.
2. Enter a **Display name** and choose **Change photo** to select an image.
3. In the crop, move and enlarge the image. What stays inside the square appears in your photo.
4. Tap **Save changes**.

## Good to know

* A display name is required.
* JPG, PNG, WebP or SVG images up to 5 MB are accepted.
* To remove a photo, choose **Remove photo**. The app removes it when you save, not before.
* If you leave with unsaved changes, the app asks whether to leave or keep editing.

## If something goes wrong

* If the file is not supported, the app asks you to choose PNG, JPG, WebP or SVG.
* If it is over 5 MB, choose a smaller image.
* If the name is blank, enter one to save.
* If saving fails, the app keeps the editor open so you can retry.


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.