Add biometric authentication support in PinInput component#104
Add biometric authentication support in PinInput component#104mainsmirnov merged 5 commits intotelegram-mini-apps-dev:maintelegram-mini-apps-dev/TelegramUI:mainfrom NikGariel:feat-piniput-biometric-buttonNikGariel/TelegramUI:feat-piniput-biometric-buttonCopy head branch name to clipboard
Conversation
Introduce biometric button support with icons for Face ID, Touch ID, and fingerprint detection. Adjust UI styles accordingly and add corresponding handlers for biometric authentication actions.
|
Thank you for your contribution. Unfortunately, at this time we are unable to review or accept it, as this change must first be reviewed and implemented by the design team. The icon should be built using the special grid, added to the components library in Figma, and the design itself should be implemented in Figma for the PinInput component. We will revisit this once we have collected sufficient feedback and suggestions for the next major library update |
fix: icons
|
Nikita reached out and created a Figma fork to showcase his changes. Together with the design team, we refined it slightly and pushed the updates to the main community file. Thank you for your contribution — I’ve left a few minor comments to help improve the code further |
…uth logic Ensure consistent `viewBox` attributes across all SVG icons. Optimize biometric authentication PIN handling by introducing `getBiometricComponent` for dynamic icon selection and centralizing pin configuration in `getAvailablePins`. Refactor related code for improved readability and maintainability.
Refactor `PinInput` with a new reusable `getActionButtonComponent` for streamlined handling of backspace and biometric actions. Replace redundant biometric logic with a centralized click handler `onElementClick`. Adjust styles for unified action button icon usage.
mainsmirnov
left a comment
There was a problem hiding this comment.
🔥🔥🔥
Thank you for fixing the comments!
Introduce biometric button support with icons for Face ID, Touch ID, and fingerprint detection. Adjust UI styles accordingly and add corresponding handlers for biometric authentication actions.