Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Updating Apartment Page UI/Functionality V3 #309

Merged
merged 11 commits into from
Nov 13, 2023

Conversation

cyrus14
Copy link
Contributor

@cyrus14 cyrus14 commented Oct 22, 2023

Summary

This PR is to update the current User Interface of the apartment page. Instead of the linear scale for the feature ratings, there is now 5 subsections for each review scale.

Test Plan

Tested on resizing the browser window.
The Current Look:
image

Figma:
image

@cyrus14 cyrus14 temporarily deployed to staging October 22, 2023 18:04 — with GitHub Actions Inactive
@dti-github-bot
Copy link
Member

dti-github-bot commented Oct 22, 2023

[diff-counting] Significant lines: 146.

@github-actions
Copy link

github-actions bot commented Oct 22, 2023

Visit the preview URL for this PR (updated for commit 7d0eb92):

https://cu-apts-staging--pr309-updating-apartment-r-ni160rpr.web.app

(expires Mon, 20 Nov 2023 23:51:54 GMT)

🔥 via Firebase Hosting GitHub Action 🌎

Sign: 096ac87b789b31770a01964fe0aaa92d563b9353

@cyrus14 cyrus14 temporarily deployed to staging October 22, 2023 19:03 — with GitHub Actions Inactive
@ggsawatyanon
Copy link
Contributor

This PR looks great and implements a needed feature that provides users with more information about each apartment's reviews! Perhaps you could delete the handleShowMore function instead of commenting it out? Good job!

Copy link
Contributor

@AnkitLakkapragada AnkitLakkapragada left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Great work Cyrus! This code is very needed and makes the user experience a lot better. I also really liked the comments that you put throughout. Looking forward to seeing it in action!

Copy link
Collaborator

@thuypham03 thuypham03 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The new segment doesn't work on admin page due to some problem while rendering AdminReviewComponent --> LabeledLinearProgress

Copy link
Collaborator

@thuypham03 thuypham03 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good job on adapting new review bar design! This PR makes the score much easier to estimate visually with separated segments. Thanks for also fixing bug in admin page which previous does not render the new review bar properly.

@thuypham03 thuypham03 merged commit 2e55fbe into main Nov 13, 2023
7 checks passed
@thuypham03 thuypham03 deleted the updating_apartment_reviews_to_figma branch November 13, 2023 23:52
mluo24 pushed a commit that referenced this pull request Nov 15, 2023
* migrating changes

* specification

* fixed precentage of segment

* adjust spacing

* fixed bug

* fixed bug

* fixed sizing

* size of landlord info

---------

Co-authored-by: Thuy Pham <[email protected]>
Co-authored-by: thuypham03 <[email protected]>
AnkitLakkapragada pushed a commit that referenced this pull request Dec 1, 2023
* migrating changes

* specification

* fixed precentage of segment

* adjust spacing

* fixed bug

* fixed bug

* fixed sizing

* size of landlord info

---------

Co-authored-by: Thuy Pham <[email protected]>
Co-authored-by: thuypham03 <[email protected]>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants