search

kroo / reflex-clerk

A reflex custom component library for clerk
20 stars 10 forks source link

UserButton Appearance #12

Open Ernelene opened 3 months ago

Ernelene commented 3 months ago

Hello I would like to change the size of the UserButton, i tried doing it with the Appearance but I seem to run into a json serializable error: raise VarTypeError( reflex.utils.exceptions.VarTypeError: No JSON serializer found for var baseTheme='dark' signIn=None signUp=None variables=None elements={'image': {'style': {'width': '2rem', 'height': '2rem', 'border-radius': '50%', 'margin-right': '0.5rem'}}} of type <class 'reflex_clerk.lib.appearance.Appearance'>..

this is my code: clerk.user_button(show_name=True, appearance=Appearance(baseTheme = "dark", elements={"image":{"style":{ 'width': '2rem', 'height': '2rem', 'border-radius': '50%', 'margin-right': '0.5rem', }}} )

I might also just be using it incorrectly? Any help would be appreciated, thanks.

TimChild commented 2 months ago

What version of reflex are you using? I tried copying your clerk.user_button(...) and see no errors using reflex=0.5.9. I believe there was a relatively recent change to automatically serialize pydantic models, which may make the difference in terms of the error.

On the other hand, I see no effect at all from providing Appearance... Were you able to get the dark theme part of the Appearance to work?