cap-collectif / ui

Design system of @cap-collectif with react • styled-components • styled-system
https://ds.cap-collectif.com/
MIT License
16 stars 0 forks source link

[16941] enhance code input for one-time passwords #418

Closed myracodes closed 1 month ago

myracodes commented 1 month ago

:tophat: What? Why?

Our custom CodeInput component had some quirky behaviours. In order to fix them all and create a better user experience, we are replacing it with a component dedicated to One-time password verifications.

:pushpin: Related Issues

16941

:clipboard: Technical Specification

:art: Chromatic links

Chromatic PR Storybook

:camera_flash: Screenshots

myracodes commented 1 month ago

Sur le storybook quand t'es en state verified tu peux quand même editer je sais pas si on devrait aussi le rendre disabled ?

@TeaAlex oui j'y ai pensé aussi. Dans les use cases, on va blur et lancer la vérification du code lors du onComplete, donc a priori ce n'est pas nécessaire ; tu en penses quoi @aguilaj ?

aguilaj commented 1 month ago

Sur le storybook quand t'es en state verified tu peux quand même editer je sais pas si on devrait aussi le rendre disabled ?

@TeaAlex oui j'y ai pensé aussi. Dans les use cases, on va blur et lancer la vérification du code lors du onComplete, donc a priori ce n'est pas nécessaire ; tu en penses quoi @aguilaj ?

Ça peut se gérer dans platform, ou dans l'exemple, peut importe dans les faits le compo marche avec les deux et c'est le plus important !