Hey! I am trying to customise the Signup / Signin forms using the `ThirdPartyEmailPassword` recipe v...
m
Hey! I am trying to customise the Signup / Signin forms using the
ThirdPartyEmailPassword
recipe via the
supertokens-auth-react
package. When implementing the
EmailPassword
recipe I can already customise the entire form page (e.g. creating custom backgrounds, images, etc..) like so:``` <EmailPasswordComponentsOverrideProvider components={{ EmailPasswordSignIn_Override: ({ DefaultComponent, ...props }) => { return ( // My custom Signin component ); }, EmailPasswordSignUp_Override: ({ DefaultComponent, ...props }) => { return ( // My custom Signup component ); }, }} > ``` However, when I try to achieve the same using the
ThirdpartyEmailPasswordComponentsOverrideProvider
it seems I can only customise some parts of the form (e.g. footer, etc..). Any suggestions ? Thanks 🙂
r
@porcellus can help here.
p
hi
do you mean that there are missing points of customization?
or are you having some other kind of issue?
m
hey, it seems that when using
ThirdPartyEmailPassword
I can only modify specific components (e.g.
ThirdPartySignInAndUpHeader_Override
, ...) and a equivalent of
EmailPasswordSignIn_Override
or
EmailPasswordSignUp_Override
is not present
p
Yeah, it looks like there is nothing that would enable you to override the page as a whole. if there is anything specific you want to do, I may be able to help but this is something we can add (not sure about the timeline though).
m
ah ok, yeah that could be a nice addition for the react package 🙂 Since I need to create a custom page I guess my best bet is to proceed to create a custom UI using the web SDK i guess? I already have the page built, I just need to connect it
p
oh if it's a fully custom thing then I think that's the easiest way to do it anyway.
m
ok sounds good. I'll do that. Thanks!
r
or you could even just disable the UI for the sign in / up page in auth-react and build that yourself, whilst keeping the other pages the way they are
10 Views