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

feat(web): cases-grid-and-list-display #1219

Merged
merged 8 commits into from
Sep 18, 2023

Conversation

nhestrompia
Copy link
Contributor

Closes #688 , also fixes Dashboard page cases section

@netlify
Copy link

netlify bot commented Sep 6, 2023

Deploy Preview for kleros-v2 ready!

Name Link
🔨 Latest commit d233f69
🔍 Latest deploy log https://app.netlify.com/sites/kleros-v2/deploys/64ffc99ca2a3ae0008a80595
😎 Deploy Preview https://deploy-preview-1219--kleros-v2.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@nhestrompia nhestrompia marked this pull request as ready for review September 6, 2023 13:22
@jaybuidl jaybuidl added Type: Enhancement ✨ Package: Web Court web frontend Type: UX User Experience labels Sep 11, 2023
@jaybuidl jaybuidl self-requested a review September 11, 2023 05:35
Copy link
Member

@jaybuidl jaybuidl left a comment

Choose a reason for hiding this comment

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

I found a few issues:

  • In mobile format, the list view exceeds the screen width. Either we try to support horizontal scrolling (probably too much work), either we disable the list view button until the screen is wide enough.
  • There is an intermediate width (at 00:12s in the video) where the last columns headers wrap to the next line
  • In desktop view, some disputes info is not aligned (court, reward, deadline) and the category is missing when the title is somewhat long (at 00:25s in the video)
screen.mov

@codeclimate
Copy link

codeclimate bot commented Sep 12, 2023

Code Climate has analyzed commit d233f69 and detected 1 issue on this pull request.

Here's the issue category breakdown:

Category Count
Complexity 1

View more on Code Climate.

@alcercu alcercu changed the base branch from dev to web-staging September 13, 2023 09:43
Copy link
Contributor

@alcercu alcercu left a comment

Choose a reason for hiding this comment

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

  • There is horizontal scrolling on mobile on the cases page, one approach to fixing this would be to fix the width to 312px on mobile, and 380px on landscape.
  • When using the list view, if the title of the dispute is too big, it looks bad, we either decide to show only two lines and then "..." or we allow them to expand vertically 🤔 I am inclined towards the first option.
  • For the grid <> list switch, if we use grey it looks like it's disabled 🤔 I would either show both in blue with the selected one with some kind of highlight, like glow, or show only the one you can change towards (i.e. if we are on grid view, only show the icon to change to list view, and viceversa)

@sonarcloud
Copy link

sonarcloud bot commented Sep 18, 2023

Kudos, SonarCloud Quality Gate passed!    Quality Gate passed

Bug A 0 Bugs
Vulnerability A 0 Vulnerabilities
Security Hotspot A 0 Security Hotspots
Code Smell A 0 Code Smells

No Coverage information No Coverage information
0.0% 0.0% Duplication

@alcercu alcercu merged commit 9b97263 into web-staging Sep 18, 2023
5 checks passed
@jaybuidl jaybuidl deleted the feat(web)/cases-grid-and-list-display branch September 26, 2023 13:10
@kemuru kemuru mentioned this pull request Oct 4, 2023
@jaybuidl jaybuidl added this to the testnet-2 milestone Oct 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Package: Web Court web frontend Type: Enhancement ✨ Type: UX User Experience
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Cases list view (Desktop)
3 participants