Skip to content

feat: add Storybook stories for StatusBadge, StreamCard, StreamCreati… - #537

Merged
Chuks-coderr merged 1 commit into
SoroStream:mainfrom
stonesjarvis3:feat/489-storybook-stories-full
Sep 4, 2026
Merged

feat: add Storybook stories for StatusBadge, StreamCard, StreamCreati…#537
Chuks-coderr merged 1 commit into
SoroStream:mainfrom
stonesjarvis3:feat/489-storybook-stories-full

Conversation

@stonesjarvis3

Copy link
Copy Markdown
Contributor

…onForm

  • StatusBadge: 14 stories covering all 7 status variants (Active, Paused, Completed, Ended, Cancelled, Scheduled, Unknown) in both normal and compact sizes, plus an all-statuses side-by-side showcase

  • StreamCard: 16 stories covering Active, Paused, Completed, Cancelled, Scheduled, Loading skeleton, Selected/bulk-select, WithCloneAction, USDC/AQUA tokens, ExpiringSoon, LongRunning, ZeroFlowRate, MinimalProps, light background, and the new OptimisticPending (Confirming…) state. Adds argTypes controls for optimisticPending and optimisticStatus.

  • StreamCreationForm: 15 stories covering all 4 wizard steps (Recipient, Amount & Duration, Preview, Confirm) in blank and pre-filled variants, plus all 6 transaction overlay stages (Building, Signing, Submitting, Confirming, Done, Error)

  • .storybook/main.ts configured for Next.js + Vite builder with @/* alias

  • .storybook/preview.tsx wraps stories in ThemeProvider, SettingsProvider, WalletProvider with dark-first background defaults

Lint: 0 warnings/errors on all three story files
Type-check: 0 errors in story files

closes #489

…onForm

- StatusBadge: 14 stories covering all 7 status variants (Active, Paused,
  Completed, Ended, Cancelled, Scheduled, Unknown) in both normal and
  compact sizes, plus an all-statuses side-by-side showcase

- StreamCard: 16 stories covering Active, Paused, Completed, Cancelled,
  Scheduled, Loading skeleton, Selected/bulk-select, WithCloneAction,
  USDC/AQUA tokens, ExpiringSoon, LongRunning, ZeroFlowRate, MinimalProps,
  light background, and the new OptimisticPending (Confirming…) state.
  Adds argTypes controls for optimisticPending and optimisticStatus.

- StreamCreationForm: 15 stories covering all 4 wizard steps (Recipient,
  Amount & Duration, Preview, Confirm) in blank and pre-filled variants,
  plus all 6 transaction overlay stages (Building, Signing, Submitting,
  Confirming, Done, Error)

- .storybook/main.ts configured for Next.js + Vite builder with @/* alias
- .storybook/preview.tsx wraps stories in ThemeProvider, SettingsProvider,
  WalletProvider with dark-first background defaults

Lint: 0 warnings/errors on all three story files
Type-check: 0 errors in story files

closes SoroStream#489
@vercel

vercel Bot commented Sep 2, 2026

Copy link
Copy Markdown

@stonesjarvis3 is attempting to deploy a commit to the Chuks7 Team on Vercel.

A member of the Team first needs to authorize it.

@Chuks-coderr
Chuks-coderr merged commit 1b37ea5 into SoroStream:main Sep 4, 2026
0 of 2 checks passed
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.

Add Storybook stories for all stream card and form components

2 participants