push-protocol/push-dapp

Create login page for points vault

Closed this issue · 0 comments

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.