diff --git a/src/routes/CreateNewTeam/components/InputContainer/index.jsx b/src/routes/CreateNewTeam/components/InputContainer/index.jsx index cebc1551..f87a671c 100644 --- a/src/routes/CreateNewTeam/components/InputContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/InputContainer/index.jsx @@ -8,16 +8,16 @@ import React from "react"; import PT from "prop-types"; import AddedRolesAccordion from "../AddedRolesAccordion"; -import Completeness from "../Completeness"; +import Progress from "../Progress"; import "./styles.module.scss"; function InputContainer({ stages, - isCompletenessDisabled, + isProgressDisabled, toRender, search, onClick, - completenessStyle, + progressStyle, addedRoles, }) { return ( @@ -25,10 +25,10 @@ function InputContainer({ {toRender(search)}
- 100) { @@ -17,7 +17,7 @@ function CompleteProgress({ percentDone }) { return (
-

Completeness

+

Progress

{percentDone}%
@@ -30,8 +30,8 @@ function CompleteProgress({ percentDone }) { ); } -CompleteProgress.propTypes = { +ProgressBar.propTypes = { percentDone: PT.number, }; -export default CompleteProgress; +export default ProgressBar; diff --git a/src/routes/CreateNewTeam/components/CompleteProgress/styles.module.scss b/src/routes/CreateNewTeam/components/ProgressBar/styles.module.scss similarity index 100% rename from src/routes/CreateNewTeam/components/CompleteProgress/styles.module.scss rename to src/routes/CreateNewTeam/components/ProgressBar/styles.module.scss diff --git a/src/routes/CreateNewTeam/components/SearchContainer/index.jsx b/src/routes/CreateNewTeam/components/SearchContainer/index.jsx index 2c35d8eb..9b177e0b 100644 --- a/src/routes/CreateNewTeam/components/SearchContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/SearchContainer/index.jsx @@ -11,7 +11,7 @@ import _ from "lodash"; import { useDispatch } from "react-redux"; import { editRoleAction } from "../../actions"; import AddedRolesAccordion from "../AddedRolesAccordion"; -import Completeness from "../Completeness"; +import Progress from "../Progress"; import SearchCard from "../SearchCard"; import ResultCard from "../ResultCard"; import NoMatchingProfilesResultCard from "../NoMatchingProfilesResultCard"; @@ -22,7 +22,7 @@ import "./styles.module.scss"; function SearchContainer({ isNewRole, stages, - completenessStyle, + progressStyle, navigate, addedRoles, searchState, @@ -87,14 +87,14 @@ function SearchContainer({ {renderLeftSide()}
- setAddAnotherOpen(true)} - extraStyleName={completenessStyle} + extraStyleName={progressStyle} buttonLabel="Continue" stages={stages} percentage={getPercentage()} @@ -114,7 +114,7 @@ function SearchContainer({ SearchContainer.propTypes = { isNewRole: PT.bool, stages: PT.array, - completenessStyle: PT.string, + progressStyle: PT.string, previousSearchId: PT.string, navigate: PT.func, addedRoles: PT.array, diff --git a/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx b/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx index 56d1f1b1..5a523cfd 100644 --- a/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx @@ -17,7 +17,7 @@ import { toastr } from "react-redux-toastr"; import { navigate } from "@reach/router"; import ResultCard from "../ResultCard"; import AddedRolesAccordion from "../AddedRolesAccordion"; -import Completeness from "../Completeness"; +import Progress from "../Progress"; import AddAnotherModal from "../AddAnotherModal"; import TeamDetailsModal from "../TeamDetailsModal"; import ConfirmationModal from "../ConfirmationModal"; @@ -31,7 +31,7 @@ import NoMatchingProfilesResultCard from "../NoMatchingProfilesResultCard"; function SubmitContainer({ stages, setStages, - completenessStyle, + progressStyle, matchingRole, addedRoles, }) { @@ -120,9 +120,9 @@ function SubmitContainer({ )}
- setAddAnotherOpen(true)} - extraStyleName={completenessStyle} + extraStyleName={progressStyle} buttonLabel="Continue" stages={stages} percentage="98" @@ -154,7 +154,7 @@ function SubmitContainer({ SubmitContainer.propTypes = { stages: PT.array, setStages: PT.func, - completenessStyle: PT.string, + progressStyle: PT.string, addedRoles: PT.array, matchingRole: PT.object, }; diff --git a/src/routes/CreateNewTeam/components/Completeness/index.jsx b/src/routes/CreateNewTeam/components/progress/index.jsx similarity index 82% rename from src/routes/CreateNewTeam/components/Completeness/index.jsx rename to src/routes/CreateNewTeam/components/progress/index.jsx index df29ba1d..06c1cebe 100644 --- a/src/routes/CreateNewTeam/components/Completeness/index.jsx +++ b/src/routes/CreateNewTeam/components/progress/index.jsx @@ -1,6 +1,6 @@ /** - * Completeness Sidebar - * Shows level of completeness through skill + * Progress Sidebar + * Shows level of progress through skill * input process and contains a button for * searching for users or submitting the job. */ @@ -8,13 +8,13 @@ import Button from "components/Button"; import React from "react"; import cn from "classnames"; import PT from "prop-types"; -import CompleteProgress from "../CompleteProgress"; +import ProgressBar from "../ProgressBar"; import "./styles.module.scss"; import IconMultipleActionsCheck from "../../../../assets/images/icon-multiple-actions-check-2.svg"; import IconListQuill from "../../../../assets/images/icon-list-quill.svg"; import IconOfficeFileText from "../../../../assets/images/icon-office-file-text.svg"; -function Completeness({ +function Progress({ extraStyleName, isDisabled, onClick, @@ -23,7 +23,7 @@ function Completeness({ percentage, }) { - let backgroundIcon + let backgroundIcon if (extraStyleName === "input-skills") { backgroundIcon= } else if (extraStyleName === "input-job-description") { @@ -33,8 +33,8 @@ function Completeness({ } return ( -
- +
+
    {stages.map((stage) => (
  • 100000} - completenessStyle="input-job-description" + isProgressDisabled={jdString.length < 10 || jdString.length > 100000} + progressStyle="input-job-description" searchObject={searchObject} page="jd" onClick={onClick} diff --git a/src/routes/CreateNewTeam/pages/InputSkills/components/SkillsList/index.jsx b/src/routes/CreateNewTeam/pages/InputSkills/components/SkillsList/index.jsx index effefd34..dbccd509 100644 --- a/src/routes/CreateNewTeam/pages/InputSkills/components/SkillsList/index.jsx +++ b/src/routes/CreateNewTeam/pages/InputSkills/components/SkillsList/index.jsx @@ -8,6 +8,7 @@ import React, { useCallback, useState } from "react"; import PT from "prop-types"; import SkillItem from "../SkillItem"; import ItemList from "../../../../components/ItemList"; +import "./styles.module.scss"; import { formatPlural } from "utils/format"; function SkillsList({ skills, selectedSkills, toggleSkill }) { @@ -38,6 +39,11 @@ function SkillsList({ skills, selectedSkills, toggleSkill }) { : null } > +

    + Please select one or more essential skills you require your talent to + have. Topcoder will match to profiles which contain most or all of these + skills. +

    {filteredSkills.map(({ id, name }) => ( ( ( <>