FE - Account Page Updates (Pass Key Table)

Figma

https://www.figma.com/design/h8xsQafKqKr205RSsJU5Wk/Passkeys?node-id=3605-35540&t=zrEbr0J6zqgtojSC-1

Context

Implementation Plan

  • Implement as HAML partial
  • Implement the Enabled/Disabled Status
  • Add Passkey Button is a navigational button to a different page
  • Add table behind feature flag
  • do not implement delete functionality, stub out button.
  • do not implement add passkey functionality, stub out button.
  • Add unit tests

Backend Considerations

  • Need access to list of passkeys. Ruby variable we can inject into HAML.
  • For each PassKey in the list, include the deletePath URL for that resource.
  • Need passkey enabled/disabled status. Ruby variable we can inject into HAML.

Docs Considerations

  • Document how to Add/Delete Passkey
Edited by Fernando Cardenas