Skip to content

PM-4265 Add overall score, fix css#1537

Open
himaniraghav3 wants to merge 2 commits intodevfrom
PM-4265
Open

PM-4265 Add overall score, fix css#1537
himaniraghav3 wants to merge 2 commits intodevfrom
PM-4265

Conversation

@himaniraghav3
Copy link
Collaborator

@himaniraghav3 himaniraghav3 commented Mar 15, 2026

Related JIRA Ticket:

https://topcoder.atlassian.net/browse/PM-4265

What's in this PR?

Adds overall score
Fixes UI for gating indicator


Open with Devin

github-actions[bot]

This comment was marked as resolved.

github-actions[bot]

This comment was marked as resolved.


.gatingIcon {
color: $red-160;
} No newline at end of file

Choose a reason for hiding this comment

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

[💡 style]
Consider adding a newline at the end of the file to comply with POSIX standards, which can help prevent potential issues with some tools and version control systems.

@@ -1,3 +1,4 @@
/* eslint-disable complexity */

Choose a reason for hiding this comment

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

[⚠️ maintainability]
Disabling the complexity rule can allow overly complex functions to go unnoticed. Consider refactoring the code to reduce complexity instead of disabling the rule.

? aiReviewDecisionsBySubmissionId?.[submissionId]
: undefined

const hasScore

Choose a reason for hiding this comment

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

[💡 readability]
The hasScore variable could be simplified by using currentDecision?.totalScore != null, which checks for both null and undefined in a more concise way.

= currentDecision?.totalScore !== null
&& currentDecision?.totalScore !== undefined

const overallStatus = normalizeDecisionStatus(currentDecision?.status)

Choose a reason for hiding this comment

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

[⚠️ correctness]
Ensure that normalizeDecisionStatus handles all possible statuses correctly. If new statuses are added in the future, this could lead to incorrect behavior if not updated.

devin-ai-integration[bot]

This comment was marked as resolved.


.gatingIcon {
color: $red-160;
}

Choose a reason for hiding this comment

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

[💡 style]
Consider adding a newline at the end of the file to adhere to POSIX standards. This can prevent potential issues with some tools that expect a newline at the end of files.

Copy link

@devin-ai-integration devin-ai-integration bot left a comment

Choose a reason for hiding this comment

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

Devin Review found 1 new potential issue.

View 5 additional findings in Devin Review.

Open in Devin Review

Comment on lines +148 to +174
<li
className={classNames(
styles.runEntry,
styles.overallRow,
)}
>
<span className={styles.workflowNameWrap}>
<IconAiReview />
<span className={styles.overallScore}>Overall Score</span>
</span>

{hasScore ? (
<AiWorkflowRunStatus
status={overallStatus}
score={overallScore ?? undefined}
showScore
hideLabel
/>
) : (
<AiWorkflowRunStatus
status='pending'
showScore={false}
hideLabel={false}
/>
)}
</li>
)}

Choose a reason for hiding this comment

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

🟡 Missing CSS module classes overallRow and overallScore in ReviewsSidebar stylesheet

The new "Overall Score" sidebar entry references styles.overallRow (line 151) and styles.overallScore (line 156), but neither class is defined in ReviewsSidebar.module.scss. With CSS modules, these will resolve to undefined, so classNames(styles.runEntry, styles.overallRow) effectively only applies runEntry, and the <span className={styles.overallScore}> gets no class at all. If these classes were intended to provide distinct styling for the overall score row (e.g., different font weight, separator, or visual distinction from individual workflow entries), that styling will be completely missing.

Prompt for agents
Add the missing CSS classes .overallRow and .overallScore to src/apps/review/src/pages/reviews/components/ReviewsSidebar/ReviewsSidebar.module.scss. These classes are referenced in ReviewsSidebar.tsx at lines 151 and 156 respectively. Define appropriate styles for the Overall Score row - for example, .overallRow might need a top border or margin to visually separate it from individual workflow entries, and .overallScore might need a bold font-weight to distinguish it as a summary label.
Open in Devin Review

Was this helpful? React with 👍 or 👎 to provide feedback.

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.

1 participant