search

supabase-community / auth-ui

Pre-built Auth UI for React
https://supabase.com/docs/guides/auth/auth-helpers/auth-ui
MIT License
487 stars 121 forks source link

How to customize and style the text `Check your email for the confirmation link.`? #96

Closed laubonghaudoi closed 1 year ago

laubonghaudoi commented 1 year ago

It seems like there is no way to alter the text and style it. The variables doesn't contain a property for this line of text either. I have checked the ThemeVariables and messageText or messageTextDanger didn't work. How to modify the text and style it?

Also, the Check your email for the password reset link message falls under this category too. Seems like there is no way to change it.

laubonghaudoi commented 1 year ago

I think I figured out how to style the message, which is passing a CSS object to the style property of appearance. But still there is no way to modify the text message. I want to add something like Please check your spam folder. This should be made into the localization variable and make it customizable.

Hopefully there will be more documentation on this.

silentworks commented 1 year ago

Yes there is no way to change this at the moment. It is an hard coded value.

laubonghaudoi commented 1 year ago

I see, thanks for answering! Is there a plan to support this?

yardenj2r commented 1 year ago

I was trying to find a way to do the same thing, since I need to translate all messages to portuguese.

silentworks commented 1 year ago

Reminder to self, need to do this in the Solid and Svelte packages too.

silentworks commented 1 year ago

This has been done for all packages. All confirmation messages can be customised now.