Create login page for points vault - Githubissues

push-protocol / push-dapp

The Push Protocol Dapp

https://app.push.org

Other

42 stars 36 forks source link

Create login page for points vault #1680

Closed rohitmalhotra1420 closed 10 hours ago

rohitmalhotra1420 commented 3 days ago

We need a new login page to access the user vault page:

Figma designs: https://www.figma.com/design/FvJL0JWHlsVohsHTERB1Lh/Push-Design-Foundations-[Future]?node-id=4234-10977&t=oRHqXi1Ow5pOvMPH-0

User should not be able to access the /points/vault route which will render the user list page without authentication.

- For the user inputs we need to extract out the input component separately into blocks/input Figma design for input field: https://www.figma.com/design/FvJL0JWHlsVohsHTERB1Lh/Push-Design-Foundations-[Future]?node-id=460-16099&t=oRHqXi1Ow5pOvMPH-0

For the form handling let's use useForm hook from formik library.
Error messages for the fields should be rendered below the field.
While user is being authenticated the login button should be disabled and then the. text should change to authenticating.