Skip to content

feat(key-ui): add common components and integrate with main app - #215

Merged
Gaubee merged 1 commit into
mainfrom
feat/key-ui-common-components
Jan 11, 2026
Merged

Gaubee merged 1 commit into
mainfrom
feat/key-ui-common-components

Conversation

@Gaubee

@Gaubee Gaubee commented Jan 11, 2026

Copy link
Copy Markdown
Contributor

Summary

Migrate common UI components from src/components/common to @biochain/key-ui for sharing between KeyApp and MiniApps.

New Components in @biochain/key-ui

Component Description Stories
Skeleton Loading placeholder with variants (Text, Card, List) 6
EmptyState Empty content placeholder with icon/action 4
Alert Info/success/warning/error alerts 6
IconCircle Circular icon container with variants 6
StepIndicator Multi-step progress indicator 6
ProgressSteps Simple progress bar -
GradientButton Gradient buttons (blue/purple/red/mint) 9
LoadingSpinner Animated spinner with sizes 5
QRCode QR code display (with renderFn for custom renderer) 6
AddressQRCode Address-specific QR with chain prefixes -

Integration

  • Added @biochain/key-ui and @biochain/key-utils to main app dependencies
  • Updated src/components/common/index.ts to re-export from @biochain/key-ui
  • Backward compatible - existing imports continue to work

Test Results

Test Files  11 passed (11)
     Tests  71 passed (71)

Next Steps

  • Migrate MiniApps to use @biochain/key-ui
  • Remove duplicated component files from src/components/common/

Add new components to @biochain/key-ui:
- Skeleton, SkeletonText, SkeletonCard, SkeletonList
- EmptyState
- Alert (info/success/warning/error variants)
- IconCircle (with size and variant options)
- StepIndicator, ProgressSteps
- GradientButton (blue/purple/red/mint variants)
- LoadingSpinner
- QRCode, AddressQRCode

Update main app:
- Add @biochain/key-ui and @biochain/key-utils as dependencies
- Re-export migrated components from src/components/common/index.ts

All 71 Storybook tests passing.
@Gaubee
Gaubee merged commit ffbea8e into main Jan 11, 2026
5 checks passed
@Gaubee
Gaubee deleted the feat/key-ui-common-components branch January 11, 2026 13:12
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant