Add Storybook stories for AccessibleUnlockAmount
Maintainers usually reply within 1 day
Nobody has claimed this yet.
Assessment
- Difficulty
- 2/5
- Estimated time
- 1-3 hours
- Newbie friendliness
- 78/100
- Issue type
- Documentation
- Clarity
- Clearly specified
- Activity status
- Active
- Tech stack
- nextjs, react, typescript
- Domain
- documentation, frontend
Research direction
Start in components/ui/accessible-unlock-amount.tsx, read its TypeScript props for amount, decimals and symbol, and open components/ui/badge.stories.tsx as the pattern. Create components/ui/accessible-unlock-amount.stories.tsx with stories for active, cliff reached, completed and hidden pause button, mocking any hooks or providers the component needs. Done when all four states render in npm run storybook and npx tsc --noEmit passes.
Written by the indexing model from the issue text.
Description
Description
AccessibleUnlockAmount has no stories, so its states can't be reviewed in isolation. A previous story was removed because it used props that don't exist (unlockedAmount, tokenSymbol) — please use the real amount/decimals/symbol props.
History
Follow-up to #718, whose story was removed in #892.
Location
components/ui/accessible-unlock-amount.tsx. Stories live next to the component as *.stories.tsx (see components/ui/badge.stories.tsx).
Task
Add a *.stories.tsx covering:
- active
- cliff reached
- completed
- hidden pause button
Use the component's real props (check its TypeScript props) and mock hooks/providers where needed.
Acceptance criteria
- Stories render in
npm run storybook -
npx tsc --noEmitreports no errors in the story file - Each listed state has a story
Good for contributors because
No app logic to change; a friendly way to learn the UI components.
- Dominant language
- TypeScript
- Stars
- 1
- Forks
- 144
- Avg merge
- 13h 50m
- Merged PRs (30d)
- 41
Getting set up
- No Dockerfile or Docker Compose file
- Has a pull request template
- Read the contributing guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
More from FlowwStar/FlowStar
-
Add a Storybook section to CONTRIBUTING.mdPossibly taken @ChanakyaG2004 claimed this 1 day ago. Opendocumentation good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
FlowwStar/FlowStar#995 · 2 comments ·
Maintainers usually reply within 1 day
-
documentation good first issue testing
Difficulty 1/5 1-3 hours Newbie friendliness 80/100
FlowwStar/FlowStar#994 · 2 comments ·
Maintainers usually reply within 1 day
-
Document how Playwright visual baselines are generatedPossibly taken @minutechreview claimed this 1 day ago. Opendocumentation good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 78/100
FlowwStar/FlowStar#993 · 2 comments ·
Maintainers usually reply within 1 day
-
devops good first issue
Difficulty 2/5 1-3 hours Newbie friendliness 82/100
Maintainers usually reply within 1 day
-
devops documentation good first issue
Difficulty 1/5 Under an hour Newbie friendliness 82/100
FlowwStar/FlowStar#991 · 2 comments ·
Maintainers usually reply within 1 day
All issues in FlowwStar/FlowStar
Similar issues
-
Difficulty 2/5 1-3 hours Newbie friendliness 70/100
callstackincubator/simlock#639 ·
Maintainers usually reply within 1 day
-
bug
Difficulty 2/5 1-3 hours Newbie friendliness 80/100
aws/agentcore-cli#2606 ·
Maintainers usually reply within 1 day
-
ai-driven-qa bug Cosmetic
Difficulty 2/5 1-3 hours Newbie friendliness 74/100
Maintainers usually reply within 1 day
-
ai-driven-qa bug claude Minor
Difficulty 2/5 1-3 hours Newbie friendliness 64/100
linagora/twake-mail-admin#301 ·
Maintainers usually reply within 1 day
-
Difficulty 2/5 1-3 hours Newbie friendliness 75/100
Maintainers usually reply within 1 day