diff --git a/src/assets/images/icon-earth-x.svg b/src/assets/images/icon-earth-x.svg deleted file mode 100644 index 40037611..00000000 --- a/src/assets/images/icon-earth-x.svg +++ /dev/null @@ -1,13 +0,0 @@ - - - F087A2AF-1A0A-4B0C-9EFD-323859E6F7A9 - - - - - - - - - - \ No newline at end of file diff --git a/src/assets/images/icon-person.svg b/src/assets/images/icon-person.svg new file mode 100644 index 00000000..9f3fa5a5 --- /dev/null +++ b/src/assets/images/icon-person.svg @@ -0,0 +1,11 @@ + + + 6689786D-49B2-4268-925B-3437502831F5 + + + + + + + + \ No newline at end of file diff --git a/src/constants/index.js b/src/constants/index.js index ab58e3cf..721448e9 100644 --- a/src/constants/index.js +++ b/src/constants/index.js @@ -391,7 +391,7 @@ export const MAX_ALLOWED_INTERVIEWS = 3; /** * Custom role names to remove from RoleList component */ -export const CUSTOM_ROLE_NAMES = ["custom", "niche"]; +export const CUSTOM_ROLE_NAMES = ["custom", "niche", "custom role"]; /** * Minimal Resource Booking duration (weeks) diff --git a/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/index.jsx b/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/index.jsx index 7a834283..a323c9e0 100644 --- a/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/index.jsx +++ b/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/index.jsx @@ -8,12 +8,12 @@ import PT from "prop-types"; import { useDispatch, useSelector } from "react-redux"; import { addSearchedRole } from "../../actions"; import "./styles.module.scss"; -import IconEarthX from "../../../../assets/images/icon-earth-x.svg"; +import IconPerson from "../../../../assets/images/icon-person.svg"; import Curve from "../../../../assets/images/curve.svg"; import Button from "components/Button"; import { formatMoney } from "utils/format"; -function NoMatchingProfilesResultCard({ role }) { +function NoMatchingProfilesResultCard({ role, onSubmit }) { const { addedRoles } = useSelector((state) => state.searchedRoles); const alreadyAdded = useMemo(() => { @@ -43,54 +43,35 @@ function NoMatchingProfilesResultCard({ role }) { imageUrl: role.imageUrl, }) ); + onSubmit() }, [dispatch, role]); return (
- -

Dang. No matching talent (yet)

+ +

locating available custom talent

-

- {role.jobTitle && role.jobTitle.length - ? role.jobTitle - : "What happens next"} + What happens next

- We did not find a perfect match to your requirements, but we'd like to - dig a little deeper into our community. We’ll start right away, and - this may take up to two weeks. You can modify your criteria, or - continue this search. If you choose to continue, we will reach out - soon with next steps. + We routinely place great people with the skills you’ve asked for. Right now, we don’t have anyone available. However, our database is dynamic and updated often. Please continue below so we can finalize your talent request and alert you when a great candidate becomes available.

- {role.rates && role.name ? ( -
-

Estimate for this role

-

{formatMoney(role.rates[0].global)}

-

/Week

-
- ) : ( -
-

Estimate for this role

-

$1,200

-

/Week

-
- )}
@@ -100,6 +81,7 @@ function NoMatchingProfilesResultCard({ role }) { NoMatchingProfilesResultCard.propTypes = { role: PT.object, + onSubmit: PT.func, }; export default NoMatchingProfilesResultCard; diff --git a/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/styles.module.scss b/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/styles.module.scss index 8c4765b7..008b04f7 100644 --- a/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/styles.module.scss +++ b/src/routes/CreateNewTeam/components/NoMatchingProfilesResultCard/styles.module.scss @@ -15,7 +15,7 @@ padding: 30px 0 60px 0; margin-bottom: 14px; color: #fff; - background-image: linear-gradient(225deg, #555555 0%, #2a2a2a 100%); + background-image: linear-gradient(90deg, #F45500 0%, #FF940F 100%); position: relative; text-align: center; border-radius: 8px 8px 0 0; @@ -59,38 +59,6 @@ width: 80%; text-align: center; } - .niche-rate-box { - margin-top: 32px; - background-color: #fbfbfb; - padding: 30px; - border: 1px solid #f4f4f4; - border-radius: 6px; - width: 196px; - p:first-child { - @include font-barlow; - margin-top: 4px; - font-size: 16px; - line-height: 20px; - font-weight: 600; - text-align: center; - text-transform: uppercase; - } - p:last-child { - @include font-roboto; - color: #555555; - font-size: 14px; - line-height: 22px; - text-align: center; - } - .cost { - @include font-barlow-condensed; - margin-top: 8px; - font-size: 48px; - line-height: 50px; - font-weight: 500; - text-align: center; - } - } .button-group { margin-top: 62px; @@ -110,12 +78,3 @@ bottom: -70px; width: 100%; } - -.transparent-icon { - position: absolute; - top: -40px; - right: 10px; - opacity: 12%; - height: 142px; - width: 142px; -} diff --git a/src/routes/CreateNewTeam/components/ResultCard/index.jsx b/src/routes/CreateNewTeam/components/ResultCard/index.jsx index 50ebef44..8957bd6d 100644 --- a/src/routes/CreateNewTeam/components/ResultCard/index.jsx +++ b/src/routes/CreateNewTeam/components/ResultCard/index.jsx @@ -245,10 +245,8 @@ function ResultCard({
-
-

Interviews can start within

-
{timeToInterview}h
+ (NEED TO DEVELOP TEXT W/ ANNIKA)
diff --git a/src/routes/CreateNewTeam/components/SearchContainer/index.jsx b/src/routes/CreateNewTeam/components/SearchContainer/index.jsx index 291de894..bd481eb3 100644 --- a/src/routes/CreateNewTeam/components/SearchContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/SearchContainer/index.jsx @@ -77,7 +77,7 @@ function SearchContainer({ currentRole={currentRole} /> ); - return ; + return ; }; const progressBarPercentage = useMemo( diff --git a/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx b/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx index 934275b6..3c18064e 100644 --- a/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx +++ b/src/routes/CreateNewTeam/components/SubmitContainer/index.jsx @@ -176,7 +176,7 @@ function SubmitContainer({ currentRole={currentRole} /> ) : ( - + setAddAnotherOpen(true)}/> )}
diff --git a/src/routes/CreateNewTeam/pages/CreateTaasPayment/index.jsx b/src/routes/CreateNewTeam/pages/CreateTaasPayment/index.jsx index bca64103..b3c1c63e 100644 --- a/src/routes/CreateNewTeam/pages/CreateTaasPayment/index.jsx +++ b/src/routes/CreateNewTeam/pages/CreateTaasPayment/index.jsx @@ -5,6 +5,7 @@ import { Elements } from "@stripe/react-stripe-js"; import { loadStripe } from "@stripe/stripe-js"; import { ThemeProvider } from "@material-ui/styles"; import { toastr } from "react-redux-toastr"; +import { isCustomRole } from "utils/helpers"; import PaymentForm from "./PaymentForm"; import PageHeader from "components/PageHeader"; @@ -58,7 +59,9 @@ const CreateTassPayment = () => { durationWeeks, availability, }); - amount.push({ rate, numberOfResources }); + if (!isCustomRole(role)) { + amount.push({ rate, numberOfResources }); + } }); setValue(temp); @@ -109,15 +112,15 @@ const CreateTassPayment = () => {

{data.name}

    -
  • + {!isCustomRole(data) &&
  • {data.numberOfResources} x ${data.rate}/ Week -
    • + }
  • {data.durationWeeks} Week Duration
  • {data.availability}

- ${data.numberOfResources * data.rate} + ${isCustomRole(data) ? '0' : data.numberOfResources * data.rate}