Implement Building Comparison UI #13
Labels
No labels
backend
beginner friendly
bug
chore
documentation
enhancement
frontend
priority/high
priority/low
priority/medium
size/L
size/M
size/S
size/XL
size/XS
stage/backlog
stage/done
stage/in progress
stage/ready
wontfix
No milestone
No project
No assignees
1 participant
Notifications
Due date
No due date set.
Dependencies
No dependencies set
Reference
ScottyLabs/housing#13
Loading…
Reference in a new issue
No description provided.
Delete branch "%!s()"
Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?
Overall Objective
COMPLETE #11 BEFORE TAKING THIS.
Implement the UI for the Building Comparisons page. See the figma below for what it should look like.
Suggested Approach
Using the building details comparison component built in #11 you can create a UI that adds one each time the add building button is pressed. Some things to pay attention to is...
When you get to 3 building comparisons the add buildings button will appear off screen which shouldn't happen.
There shouldn't be any scroll bar in this page. Be careful that the component doesn't fit on the page and creates a scrollbar. The same can be said as you add more comparisons to the page.
Currently the design limits to 3 comparisons. This can be changed! If you find out a UI for it to fit more feel free to implement it.
Help & Resources