Skip to content

Migrate Authentication Components to @storacha/ui-react #545

@pranavkonde

Description

@pranavkonde

Replace custom authentication component implementations in the console app with standardized components from @storacha/ui-react.

Background

The console app currently uses @storacha/ui-react's Authenticator components but wraps them with custom implementations. We should fully migrate to the shared components and contribute any missing features back to the library.

Current State

Files that need migration:

  • /packages/console/src/components/Authenticator.tsx
  • /packages/console/src/components/IframeAuthenticator.tsx (partially - iframe-specific logic should remain)

Currently using from @storacha/ui-react:

  • Authenticator (as AuthCore)
  • useAuthenticator hook
  • Basic form components

Tasks

  • Analyze custom styling and behavior in AuthenticationForm component
  • Determine if custom email validation or plausible tracking can be integrated into @storacha/ui-react
  • Migrate AuthenticationSubmitted component logic
  • Refactor AuthenticationEnsurer to use standard patterns from @storacha/ui-react
  • Extract and preserve iframe-specific authentication logic
  • Update all imports and usages throughout the console app
  • Test authentication flow in both standard and iframe contexts

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions