diff --git a/src/shared/components/Settings/Profile/Skills/index.jsx b/src/shared/components/Settings/Profile/Skills/index.jsx index 5b074890fa..f06ae0af1c 100644 --- a/src/shared/components/Settings/Profile/Skills/index.jsx +++ b/src/shared/components/Settings/Profile/Skills/index.jsx @@ -20,6 +20,7 @@ import ConsentComponent from 'components/Settings/ConsentComponent'; import DevFallbackIcon from 'assets/images/profile/skills/id-develop.svg'; import DesignFallbackIcon from 'assets/images/profile/skills/id-design.svg'; import DataFallbackIcon from 'assets/images/profile/skills/id-data.svg'; +import VerifiedBadgeIcon from 'assets/images/verified-skill-badge.svg'; import { isomorphy } from 'topcoder-react-utils'; import './styles.scss'; @@ -303,6 +304,7 @@ export default class Skills extends ConsentComponent { skill.id === arraySkill[i].tagId )); if (result && result.length > 0) { + result[0].sources = arraySkill[i].sources; filterUserSkills.push(result[0]); if (_.some(result[0].categories, category => category.toLowerCase() === 'design')) { design.push(result[0].name); @@ -505,8 +507,11 @@ export default class Skills extends ConsentComponent {
{ imageExist(`id-${skill.id}.svg`) ? getImage(`id-${skill.id}.svg`) : }
-
- {_.truncate(skill.name, { length: 18, separator: ' ' })} +
+
+ {_.truncate(skill.name, { length: 18, separator: ' ' })} +
+ {_.includes(skill.sources, 'CHALLENGE') &&
}
diff --git a/src/shared/components/Settings/Profile/Skills/styles.scss b/src/shared/components/Settings/Profile/Skills/styles.scss index 7e8beed30d..86179a4eef 100644 --- a/src/shared/components/Settings/Profile/Skills/styles.scss +++ b/src/shared/components/Settings/Profile/Skills/styles.scss @@ -317,15 +317,26 @@ } } - .name { - @include roboto-regular; - + .name-wrapper { margin-top: 10px; - font-size: 12px; - line-height: 15px; - color: #262628; - text-align: center; - width: 100%; + display: flex; + align-items: center; + justify-content: center; + + .name { + @include roboto-regular; + + font-size: 12px; + line-height: 15px; + color: #262628; + text-align: center; + width: 100%; + } + + .verified-badge { + padding-left: 5px; + font-size: 0; + } } a.skill-hidden {