Skip to content

Refactor(web)/top juror component refactor #1343

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

Merged
merged 4 commits into from
Nov 29, 2023

Conversation

tractorss
Copy link
Contributor

@tractorss tractorss commented Nov 28, 2023

PR-Codex overview

This PR focuses on refactoring and reorganizing the code related to the Top Jurors feature on the Home page.

Detailed summary:

  • Moved and renamed components related to the Top Jurors feature.
  • Updated imports of WithHelpTooltip component.
  • Added display and alignment styles to Rank and Coherency components.
  • Added new JurorLevel component.
  • Updated styles and layout in DesktopHeader and MobileHeader components.

The following files were skipped due to too many changes: web/src/pages/Home/TopJurors/Header/index.tsx

✨ Ask PR-Codex anything about this PR by commenting with /codex {your question}

@tractorss tractorss requested a review from alcercu November 28, 2023 07:28
Copy link

netlify bot commented Nov 28, 2023

Deploy Preview for kleros-v2 ready!

Name Link
🔨 Latest commit 517b1d0
🔍 Latest deploy log https://app.netlify.com/sites/kleros-v2/deploys/6565eb51789b8a0008d3e276
😎 Deploy Preview https://deploy-preview-1343--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.

Comment on lines 9 to 24
display: flex;
justify-content: space-between;
width: 100%;
background-color: ${({ theme }) => theme.lightBlue};
padding: 24px;
border 1px solid ${({ theme }) => theme.stroke};
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: none;
flex-wrap: wrap;
${landscapeStyle(
() =>
css`
display: none;
`
)}
Copy link
Contributor

Choose a reason for hiding this comment

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

Missing identation

Suggested change
display: flex;
justify-content: space-between;
width: 100%;
background-color: ${({ theme }) => theme.lightBlue};
padding: 24px;
border 1px solid ${({ theme }) => theme.stroke};
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: none;
flex-wrap: wrap;
${landscapeStyle(
() =>
css`
display: none;
`
)}
display: flex;
justify-content: space-between;
width: 100%;
background-color: ${({ theme }) => theme.lightBlue};
padding: 24px;
border 1px solid ${({ theme }) => theme.stroke};
border-top-left-radius: 3px;
border-top-right-radius: 3px;
border-bottom: none;
flex-wrap: wrap;
${landscapeStyle(() => css`
display: none;
`)}

Copy link
Contributor

Choose a reason for hiding this comment

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

Let's move WithHelpTooltip to the components folder (since it's being used outside of pages/Dashboard

Comment on lines 23 to 24
min-content repeat(2, calc(80px + (200 - 60) * (min(max(100vw, 375px), 1250px) - 375px) / 875))
min-content auto;
Copy link
Contributor

Choose a reason for hiding this comment

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

Let's try and center total rewards and coherent votes
image

Copy link

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

Copy link

codeclimate bot commented Nov 28, 2023

Code Climate has analyzed commit 517b1d0 and detected 5 issues on this pull request.

Here's the issue category breakdown:

Category Count
Duplication 5

View more on Code Climate.

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.

lgtm

@alcercu alcercu added this pull request to the merge queue Nov 29, 2023
Merged via the queue into dev with commit 20df70d Nov 29, 2023
@jaybuidl jaybuidl deleted the refactor(web)/top-juror-component-refactor branch December 7, 2023 18:49
@jaybuidl jaybuidl added this to the testnet-3 milestone Dec 7, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants