Where is (auth) Display Name populated from?

[jaredakers]

Using auth.SignUp with email, password, in some testing i ended up with an first and last name in the Display Name field of the auth table. However, for the life of me I can't recall how I did that. And can't replicate it.

I am using a public profile table as well, but would like the display name in the auth table as well.

Any idea how to populate the Display Name field?

[GaryAustin1]

This comes from OAuth providers and is stored in the raw_user_meta_data column. It is derived from many possible keys there but display_name is one of them.

[jaredakers]

thanks!

[MarkOSullivan94]

Do you have a list of all the possible keys it can be derived from?

[GaryAustin1]

I just searched Supabase's source files at supabase/supabase to find displayname.

supabase/apps/studio/components/interfaces/Auth/Users/UserListItem.utils.ts

Line 6 in df52ea7

display_name,

[robpetty]

Haven't seen the code but wanted to add, I am not using display_name and stumbled into this simply by adding first and last name collection. In my public.users (terrible I know should have public.profile), I added a display_name that was independent of anything, so probably will rework it now to just be first + last (got a trigger/func to move the names into the public.users).

const { error } = await supabase.auth.signUp({
    email,
    password,
    options: {
      data: {
        first_name: firstName,
        last_name: lastName,
      },
      emailRedirectTo: `${requestUrl.origin}/auth/callback`,
    },
  });

[lklyne]

Looks like the display name can be accessed like this

const { data, error } = await supabase.auth.getUser()
const displayName = data.user.user_metadata.display_name

[BugBuster-404]

Looks like the display name can be accessed like this

const { data, error } = await supabase.auth.getUser()
const displayName = data.user.user_metadata.display_name

This worked for me, Thank mate!

[rabin-thami]

What if I want to update a field in that form, like the full name?

[battybrats]

any updates on this? updating full name

edit: found the solution by change

let { data, error } = await supabase.auth.updateUser({ data: { full_name }, });

[caseyocampo]

For anyone wondering how to update display_name, here's what my action looks like:

const data = {
    display_name: formData.get("display_name") as string,
  };

  const { error } = await supabase.auth.updateUser({ data });

[pootytang]

Wanted to add this here just in case someone else comes across this. I'm using sveltekit and in my +page.server.ts action, I'm doing this:

  const creds: SignUpWithPasswordCredentials = {
      email,
      password,
      options: {
        data: {display_name: `${fName} ${lName}`}
      }
    }
    const {data, error} = await supabase.auth.signUp(creds)

[hecanet]

Print the enter metadata and pick what you want from it.

print(user?.userMetadata);

In my case, I wanted to full name. So, here is what I implemented:

user?.userMetadata?['full_name'] ?? "Full Name",