codeforboston / codeforboston/maple
Tracking List for Bootstrap Migration
- Dominant language
- TypeScript
- Stars
- 56
- Forks
- 175
- Avg merge
- 2d 5h
- Merged PRs (30d)
- 13
Description
This issue is meant to track the remaining work needed to close out the migration from css modules to react-bootstrap/styled components/typescript.
Work for each remaining component:
- [ ] Refactor components to integrate Bootstrap and styled components while removing CSS modules.
- [ ] When called for, find or create reusable (sub)components to reduce repetition and ensure uniformity.
- [ ] Create or revise the Storybook story for these components, and any new sub-components.
- [ ] Convert from js to tsx
These are the remaining components that are still using CSS modules (the remaining JS files are also covered by this list):
- [x] Layout.tsx (the base site layout)
- [x] Why Use Maple? About Pages
- This is in progress: https://github.com/codeforboston/maple/issues/1417
- [x] `AboutPagesCard` (used across several of the about pages)
- [x] `AboutSection`(The about section on the home page). This includes:
- [x] `AboutInfoCard`
- [x] `AlertCardBody`
- [x] The Auth Modals including:
- [x] `StartModal`
- [x] `TermsOfServiceModal`
- [x] `VerifyEmailModal`
- [x] The Bill Details page, specifically:
- [x] `LobbyingTable`
- [x] `SponsorsAndCommittees`
- [x] `Divider`
- [x] `DropdownButton` (Doesn't look like this is used outside of Storybook - do we still need this?)
- [x] `PersonalInfoTab` on the EditProfilePage
- [x] The FAQ page, including `Faq`, `FaqCard`, and `FaqQandA`
- Looks like this is in progress, but I don't see an associated issue: https://github.com/codeforboston/maple/pull/1420
- [x] `Footer` (This has just been resolved: https://github.com/codeforboston/maple/issues/1422)
- [x] `PasswordInput` (used in the sign up modals)
- [x] Our Goals And Mission page, including `GoalsAndMission` and `GoalsAndMissionCardContent`
- [x] `HearingsScheduled`
- [ ] `HeroHeader`
- [x] `HotBillCard` (This has an empty module.css file, just need to fix the import - although this component doesn't seem to be used anywhere - maybe this should just be removed?)
- [x] `Leaf`
- [x] The Learn Testimony pages, including:
- [x] `LearnComponents`
- [x] `BasicsOfTestimonyCard`
- [x] `LearnTestimoniesCard`
- [x] `LearnTestimoniesCardContent`
- [x] `LegislativeCard`
- [x] `LegislativeCardContent`
- [x] `RoleOfTestimonyCard`
- [ ] `OurPartnersCardContent`
- [x] The Parallax Effect, including `ScrollTrackerContainer` and `ScrollTrackerItem`
- We have two identical versions of this, one under `ParallaxEffect` and one under `ScrollTrackEffect` - we should probably remove the former since it doesn't seem to be used)
- [x] `PriorityBillsCard`
- [ ] `ProfileLink`
- [x] `Tabs` (there's a Tabs bootstrap component that might be appropriate here)
- [x] The Testimony Card, including:
- [x] `BillInfoHeader`
- [x] `TestimonyItem`
- [x] `UserInfoHeader`
- [x] `Twitter` (a Twitter timeline embed that doesn't seem to be used anywhere now. Should we remove this or re-add it somewhere?)
@sashamaryl Happy to break the remaining work out into sub-issues if the list looks right to you
Contributor guide
Assessment
This issue has not been assessed yet.