Northeastern-Electric-Racing / Northeastern-Electric-Racing/FinishLine
DRC Debugs - Make HeatMap Background Grey (rename component to heatmap)
Nobody has claimed this yet.
- Dominant language
- TypeScript
- Stars
- 36
- Forks
- 9
- Avg merge
- 4d 21h
- Merged PRs (30d)
- 11
Description
Description
The component currently known as AvailabilityScheduleView should be renamed to HeatMap (or AvailabilityHeatMap). In this ticket, you should also adjust it to look more like the rest of the components we have in FinishLine. I think rounding the corners a bit more, and making the background of the component the grey from a pageblock instead of white will help.
Acceptance Criteria
- Rename the component
- Make it look more like an NER Component
Proposed Solution
You will need to double check that this still looks good on the availability modal, you might need to make a prop to allow two versions of this component (one with the pageblock background color and one with just a white background).
If you want more specific guidance on design, ask in #software_product or ask your lead
Contributor guide
No contributing guide indexed for this repository
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
Start by locating AvailabilityScheduleView and its usages, especially in the availability modal. Compare it with existing NER components and pageblock styling, then verify that the renamed HeatMap or AvailabilityHeatMap has the requested rounded corners and grey background without breaking either context.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- typescript
- Domain
- design, frontend
- Issue type
- Refactor
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 38/100