Skip to content

PM-4198 display all skills#1516

Merged
vas3a merged 4 commits intodevfrom
PM-4198_customer-portal-completed-profiles-report-updates
Mar 5, 2026
Merged

PM-4198 display all skills#1516
vas3a merged 4 commits intodevfrom
PM-4198_customer-portal-completed-profiles-report-updates

Conversation

@vas3a
Copy link
Collaborator

@vas3a vas3a commented Mar 5, 2026

Related JIRA Ticket:

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

What's in this PR?

image

@vas3a vas3a requested review from jmgasper and kkartunov as code owners March 5, 2026 14:07
...userSkills.filter(skill => skill.displayMode?.name !== UserSkillDisplayModes.principal),
]

const displayedSkills = allSkillsByPriority.slice(0, 5)
Copy link

Choose a reason for hiding this comment

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

[⚠️ maintainability]
The use of slice(0, 5) to limit the number of displayed skills is hardcoded. Consider making this a configurable constant or prop to improve maintainability and flexibility.

))}
{profile.additionalSkillsCount > 0 && (
<Tooltip
content={`${profile.additionalSkillsCount} more skill${profile.additionalSkillsCount === 1 ? '' : 's'}`}
Copy link

Choose a reason for hiding this comment

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

[⚠️ accessibility]
The Tooltip component is used to display additional skills count. Ensure that the Tooltip component is accessible and works well on all devices, especially for users relying on keyboard navigation or screen readers.

<th>Skills</th>
<th>Principal Skills</th>
<th>Go to profile</th>
<th>{' '}</th>
Copy link

Choose a reason for hiding this comment

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

[⚠️ readability]
Changing the table header from 'Go to profile' to a space character may lead to confusion for users. Consider using a more descriptive label or an icon to indicate the purpose of this column.

</td>
<td>
<a
className={styles.link}
Copy link

Choose a reason for hiding this comment

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

[💡 maintainability]
The addition of className={styles.link} to the anchor tag is a good practice for styling, but ensure that the styles.link class is defined in ProfileCompletionPage.module.scss to avoid potential styling issues.

</span>
))}
{profile.additionalSkillsCount > 0 && (
<span className={styles.moreIndicator}>
Copy link

Choose a reason for hiding this comment

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

[⚠️ readability]
The removal of the Tooltip component around the additional skills count may reduce the clarity of the information presented to the user. Consider reintroducing the tooltip to provide context about the additional skills count, especially if the number is significant.

))}
{profile.additionalSkillsCount > 0 && (
<span className={styles.moreIndicator}>
+
Copy link

Choose a reason for hiding this comment

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

[💡 readability]
The change from a single line to multiple lines for displaying additionalSkillsCount and the text 'skills' does not improve readability or maintainability. Consider reverting to a single line to keep the code concise.

@vas3a vas3a merged commit 37cdfea into dev Mar 5, 2026
8 checks passed
@vas3a vas3a deleted the PM-4198_customer-portal-completed-profiles-report-updates branch March 5, 2026 14:47
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