refactor: export modal motion transition variants in modal component
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 5
- Forks
- 7
- Avg merge
- 39m
- Merged PRs (30d)
- 39
Description
🎯 What needs to be done
In src/components/ui/modal.tsx, export the backdrop and modal card Framer Motion animation transition variants as named constants (MODAL_BACKDROP_VARIANTS and MODAL_CONTENT_VARIANTS).
Why this matters
Allows custom dialogs and drawers across PACT to reuse identical easing curves and spring physics without code duplication.
📍 Where to work
src/components/ui/modal.tsx
🧭 Implementation guidance
- Open
src/components/ui/modal.tsx. - Find the motion variant objects defined inside or above
Modal. - Add
export constto make them reusable by other components. - Verify TypeScript and ESLint pass.
✅ Acceptance criteria
- Modal transition variants exported as named constants.
- TypeScript check passes with 0 errors.
🧪 Verification
Contributor 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.
Research direction
Open src/components/ui/modal.tsx and locate the backdrop and modal card Framer Motion variant objects. Export them as the named constants MODAL_BACKDROP_VARIANTS and MODAL_CONTENT_VARIANTS, preserving their existing transition behavior. Run the TypeScript check and ESLint; done means both variants are reusable exports and TypeScript passes with zero errors.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- react, typescript
- Domain
- frontend
- Issue type
- Refactor
- Difficulty
- 1/5
- Estimated time
- 1-3 hours
- Activity status
- Active
- Clarity
- Clearly specified
- Newbie friendliness
- 92/100