-
-
REFER THIS GIG
- {
- growSurf && growSurf.data ? (
-
- Share your Referral Link:
-
-
-
{
- const copyhelper = document.createElement('input');
- copyhelper.className = 'copyhelper';
- document.body.appendChild(copyhelper);
- copyhelper.value = `https://www.topcoder.com/gigs/${job.slug}?referralId=${growSurf.data.id}`;
- copyhelper.select();
- document.execCommand('copy');
- document.body.removeChild(copyhelper);
- setCopyBtnText('COPIED');
- setTimeout(() => {
- setCopyBtnText('COPY');
- }, 3000);
- }}
- >
- {copyBtnText}
-
-
-
- ) : (
-
- )
- }
-
-
Refer someone to this gig and earn $500. Just add their email below. See how it works.
-
- setreferrEmail(e.target.value)} ref={ref => refEmailInput = ref} />
-
-
-
SUBSCRIBE TO WEEKLY GIG UPDATES
@@ -256,27 +161,6 @@ function GigDetails(props) {
-
- {
- isModalOpen
- && (
- {
- onReferralDone();
- setModalOpen(false);
- }}
- isReferrSucess={isReferrSucess}
- isReferrError={isReferrError}
- referralId={growSurf && growSurf.data ? growSurf.data.id : null}
- onReferralDone={() => {
- onReferralDone(true);
- setModalOpen(false);
- }}
- />
- )
- }
-
{
isLoginModalOpen &&
setLoginModalOpen(false)} />
}
@@ -292,19 +176,12 @@ function GigDetails(props) {
GigDetails.defaultProps = {
application: null,
profile: {},
- growSurf: {},
- isReferrError: null,
};
GigDetails.propTypes = {
job: PT.shape().isRequired,
application: PT.shape(),
profile: PT.shape(),
- onSendClick: PT.func.isRequired,
- isReferrSucess: PT.bool.isRequired,
- isReferrError: PT.shape(),
- onReferralDone: PT.func.isRequired,
- growSurf: PT.shape(),
};
function mapStateToProps(state) {
diff --git a/src/shared/components/Gigs/GigDetails/style.scss b/src/shared/components/Gigs/GigDetails/style.scss
index 63e6036d0..145ecf9e3 100644
--- a/src/shared/components/Gigs/GigDetails/style.scss
+++ b/src/shared/components/Gigs/GigDetails/style.scss
@@ -31,10 +31,6 @@
@include primaryBtn;
}
-.referral {
- display: flex;
-}
-
.container {
max-width: $screen-lg;
min-height: 50vh;
diff --git a/src/shared/components/Gigs/ReferralCode/index.jsx b/src/shared/components/Gigs/ReferralCode/index.jsx
deleted file mode 100644
index 1de0976d4..000000000
--- a/src/shared/components/Gigs/ReferralCode/index.jsx
+++ /dev/null
@@ -1,120 +0,0 @@
-/* eslint-disable max-len */
-/**
- * Connects the Redux store to the GigsPages component.
- */
-import React, { useState, useEffect } from 'react';
-import PT from 'prop-types';
-import _ from 'lodash';
-import { PrimaryButton } from 'topcoder-react-ui-kit';
-import LoadingIndicator from 'components/LoadingIndicator';
-import tc from 'components/buttons/themed/tc.scss';
-import ReferralModal from '../ReferralModal';
-import defautlStyle from './style.scss';
-
-/** Themes for buttons
- * those overwrite PrimaryButton style to match achieve various styles.
- * Should implement pattern of classes.
- */
-const buttonThemes = {
- tc,
-};
-
-function ReferralCode(props) {
- const { profile, growSurf } = props;
- const [loginModalOpen, setLoginModalOpen] = useState(false);
- const [growSurfState, setGrowSurfState] = useState(growSurf);
- const [copyBtnText, setCopyBtnText] = useState('COPY');
- useEffect(() => {
- setGrowSurfState(growSurf);
- }, [growSurf]);
-
- return (
-
- {
- _.isEmpty(profile) ? (
-
Topcoder Referral Program:
- ) : (
-
Topcoder Referral Program:
- )
- }
- {
- _.isEmpty(profile) ? (
-
- Do you know someone who is perfect for a gig? You could earn $500 for referring them!
- {
- setLoginModalOpen(true);
- }}
- theme={{
- button: buttonThemes.tc['primary-borderless-sm'],
- }}
- >
- REFER A FRIEND
-
- {
- loginModalOpen
- && (
- setLoginModalOpen(false)}
- isReferrSucess={false}
- isReferrError={false}
- onReferralDone={() => { }}
- />
- )
- }
-
- ) : (
-
- Your referral link:
- {
- growSurfState.loading &&
- }
- {
- growSurfState.data && (
-
-
{`https://www.topcoder.com/gigs?referralId=${growSurfState.data.id}`}
-
{
- const copyhelper = document.createElement('input');
- copyhelper.className = 'copyhelper';
- document.body.appendChild(copyhelper);
- copyhelper.value = `https://www.topcoder.com/gigs?referralId=${growSurfState.data.id}`;
- copyhelper.select();
- document.execCommand('copy');
- document.body.removeChild(copyhelper);
- setCopyBtnText('COPIED');
- setTimeout(() => {
- setCopyBtnText('COPY');
- }, 3000);
- }}
- theme={{
- button: buttonThemes.tc['primary-borderless-xs'],
- }}
- >
- {copyBtnText}
-
-
- )
- }
-
- {
- referralId && !isReferrError && !isReferrSucess && (
-
-
Sending your referral...
-
-
- )
- }
- {
- isReferrSucess ? (
-
-
CONGRATULATIONS!
-
Your referral has been sent.
-
-
- CLOSE
-
-
FIND ANOTHER GIG
-
-
- ) : null
- }
- {
- isReferrError ? (
-
-
OOPS!
-
{isReferrError.message}
- {
- isReferrError.userError ? (
-
If you think this is an error please contact support@topcoder.com.
- ) : (
-
Looks like there is a problem on our end. Please try again.
If this persists please contact support@topcoder.com.
- )
- }
-
-
- CLOSE
-
-
FIND ANOTHER GIG
-
-
- ) : null
- }
-
-
REFERRAL PROGRAM
-
Please login to receive your referral code.
-
-
{
- window.location = `${config.URL.AUTH}/member?retUrl=${encodeURIComponent(retUrl)}`;
- }}
- theme={{
- button: buttonThemes.tc['primary-green-md'],
- }}
- >
- LOGIN
-
-
REGISTER
-
-
Find out how the referral program works here.
-