codeforboston / codeforboston/maple

Tracking List for Bootstrap Migration

Open
#1,442 0 comments 0 reactions 0 assignees View on GitHub
Epic
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

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.