Skip to content

Add Storybook stories for countdown-timer component - #883

Merged
Austinaminu2 merged 1 commit into
FlowwStar:mainfrom
katefominmoore23:batch-63-features
Sep 28, 2026
Merged

Austinaminu2 merged 1 commit into
FlowwStar:mainfrom
katefominmoore23:batch-63-features

Conversation

@katefominmoore23

Copy link
Copy Markdown
Contributor

Created comprehensive countdown-timer.stories.tsx with stories for far-future targets (30 days), imminent targets (5 minutes), and expired states (1 hour ago). Includes stories for custom ended labels, very short time remaining (30 seconds), multiple states in one story, custom className variants, and intermediate durations (1 day, 1 hour). Stories demonstrate live countdown updates and state transitions using React's Date.now() for realistic time calculations.

Add Storybook stories for card component layout primitive

Created card.stories.tsx showcasing all Card component compositions: basic card with content only, cards with headers and titles, cards with header descriptions, complete cards with header/content/footer, cards with action slots, default and small size variants, multiple card grids, complex content layouts, interactive hover states, and size comparison. Stories cover all subcomponents (Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardAction) with realistic examples of common UI patterns.

Add Storybook stories for dialog component

Created dialog.stories.tsx with stories for basic dialog with trigger, dialogs with footer actions, dialogs without close button, long-content scrolling, stream operation (withdrawal) dialog, alert-style dialog with destructive actions, form-based dialog, and complex header structures with multi-section layouts. Stories demonstrate Dialog/DialogTrigger/DialogContent/DialogHeader/DialogTitle/DialogDescription/DialogFooter composition with varied button configurations and content patterns.

Add Storybook stories for dropdown-menu component

Created dropdown-menu.stories.tsx with stories for basic menus, grouped menu items with labels, checkbox-style radio selection (network/theme switching), theme selector with checked indicators, navbar-style dropdowns with icon triggers, large menus with multiple groups, nested menu simulation, destructive action groups, and alignment variations (start/center/end). Stories showcase DropdownMenu/DropdownMenuTrigger/DropdownMenuContent/DropdownMenuGroup/DropdownMenuLabel composition with state management and visual indicators for selected items.

Closes #719
Closes #720
Closes #721
Closes #722


name: Pull request
about: Describe a focused change and how it was verified
title: 'feat: '
labels: enhancement

Issue

Closes #

Summary

Describe the user or maintainer-facing change.

Changes

Test plan

  • I added or updated automated tests.
  • I ran the relevant test suite.
  • I checked the change in the affected environment.

Checklist

  • The change is scoped to the linked issue.
  • Documentation and configuration were updated where needed.
  • No secrets, private keys, or wallet credentials are included.

Created comprehensive countdown-timer.stories.tsx with stories for far-future targets (30 days), imminent targets (5 minutes), and expired states (1 hour ago). Includes stories for custom ended labels, very short time remaining (30 seconds), multiple states in one story, custom className variants, and intermediate durations (1 day, 1 hour). Stories demonstrate live countdown updates and state transitions using React's Date.now() for realistic time calculations.

Add Storybook stories for card component layout primitive

Created card.stories.tsx showcasing all Card component compositions: basic card with content only, cards with headers and titles, cards with header descriptions, complete cards with header/content/footer, cards with action slots, default and small size variants, multiple card grids, complex content layouts, interactive hover states, and size comparison. Stories cover all subcomponents (Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter, CardAction) with realistic examples of common UI patterns.

Add Storybook stories for dialog component

Created dialog.stories.tsx with stories for basic dialog with trigger, dialogs with footer actions, dialogs without close button, long-content scrolling, stream operation (withdrawal) dialog, alert-style dialog with destructive actions, form-based dialog, and complex header structures with multi-section layouts. Stories demonstrate Dialog/DialogTrigger/DialogContent/DialogHeader/DialogTitle/DialogDescription/DialogFooter composition with varied button configurations and content patterns.

Add Storybook stories for dropdown-menu component

Created dropdown-menu.stories.tsx with stories for basic menus, grouped menu items with labels, checkbox-style radio selection (network/theme switching), theme selector with checked indicators, navbar-style dropdowns with icon triggers, large menus with multiple groups, nested menu simulation, destructive action groups, and alignment variations (start/center/end). Stories showcase DropdownMenu/DropdownMenuTrigger/DropdownMenuContent/DropdownMenuGroup/DropdownMenuLabel composition with state management and visual indicators for selected items.

Closes FlowwStar#720
Closes FlowwStar#719
Closes FlowwStar#721
Closes FlowwStar#722
@drips-wave

drips-wave Bot commented Sep 28, 2026

Copy link
Copy Markdown

@katefominmoore23 Great news! 🎉 Based on an automated assessment of this PR, the linked Wave issue(s) no longer count against your application limits.

You can now already apply to more issues while waiting for a review of this PR. Keep up the great work! 🚀

Learn more about application limits

@Austinaminu2
Austinaminu2 merged commit fd60ef4 into FlowwStar:main Sep 28, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

2 participants