onCode(code)}\n\t\t\ttitle='Signing you in...'\n\t\t\tbuttonComponent={StackOverflowLoginButton}\n\t\t/>\n\t);\n};\n\nexport default LoginStackOverflow;\n","import React from 'react';\nimport { APP_NAME } from '../../utils/serviceName';\n\nconst PaymentsModal = ({hidePayment}) => {\n return (\n \n );\n}\n\n\n\nexport default PaymentsModal;","import React from 'react';\nimport LinkedInLogo from \"../../images/linkedin.png\"\n\n\nfunction BtnLinkedIn({ LIBtnonclickFunc, classname, liShareUrl}) {\n\n const style = {\n color: 'black',\n\t\tbackground: '#fafbfc',\n\t\tfontFamily: 'Mulish',\n\t\tfontStyle: 'normal',\n\t\tfontWeight: '600',\n width: \"220px\",\n padding: \"15px 8px 15px 3px\",\n lineHeight: '15px'\n }\n\n return (\n \n );\n}\n\nexport default BtnLinkedIn;","import React, { useEffect } from 'react';\nimport { GITHUB_STRING, SO_STRING } from '../../utils/serviceName';\nimport { createPopup } from './LoginPopup';\n\nfunction LoginFromSharePopUp({ DISPLAY_STRING_GH, DISPLAY_STRING_SO, type, onCode }) {\n\n const url = type?.string === \"GitHub\" ? `https://stackoverflow.com/oauth/?client_id=${process.env.REACT_APP_STACKOF_ID}&redirect_uri=${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/stackoverflow-redirect` : `https://github.com/login/oauth/authorize?client_id=${process.env.REACT_APP_GITHUB_ID}&redirect_uri=${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/github-redirect` \n\n const type_Da = type?.string === \"GitHub\" ? SO_STRING : GITHUB_STRING\n const title='Signing you in...'\n let externalWindow = null;\n const CODE_STRING = 'code';\n\tconst STORAGE_STRING = 'storage';\n const width = 1000\n const height = 600\n\n useEffect(() => {\n\t\treturn () => {\n\t\t\tif (externalWindow) {\n\t\t\t\texternalWindow.close();\n\t\t\t}\n\t\t};\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n return (\n \n );\n}\n\nexport default LoginFromSharePopUp;","import React, { useEffect, useState } from \"react\";\nimport _ from \"lodash\";\nimport copyIcon from \"../../images/copy.png\";\n// import infoIcon from \"../../images/infoIcon.svg\";\nimport {\n APP_NAME,\n DISPLAY_STRING_GH,\n DISPLAY_STRING_SO,\n} from \"../../utils/serviceName\";\nimport BtnLinkedIn from \"./BtnLinkedIn\";\nimport LoginFromSharePopUp from \"./LoginFromSharePopUp\";\n// import TwitterIcon from '../../images/twitter.png'\n\ninterface ShareProps {\n hash: string;\n twitter: () => void;\n linkedin: () => void;\n gitrank: string;\n sorank: string;\n hideShare: () => void;\n onCode: () => void;\n}\n\nconst Share = ({ hash, twitter, linkedin, gitrank, sorank, hideShare, onCode}: ShareProps): JSX.Element => {\n const SHARE_TITLE = `your rankings & prove ownership of your profiles`;\n const [type, setType] = useState({\n string: \"\",\n both: true,\n });\n useEffect(() => {\n if (hash) {\n const profileURL = hash.slice(1);\n const profileProps = profileURL.split(\"/\");\n\n if (profileProps.length < 2) {\n setType({\n string: \"\",\n both: true,\n });\n } else {\n if (profileProps.length === 3) {\n const [github, so] = profileProps;\n if (!_.isInteger(Number(github)) && _.isInteger(Number(so))) {\n setType({\n string: `${DISPLAY_STRING_GH} and ${DISPLAY_STRING_SO}`,\n both: true,\n });\n } else {\n setType({\n string: \"\",\n both: true,\n });\n }\n } else {\n const [profile] = profileProps;\n if (_.isInteger(Number(profile))) {\n setType({\n string: DISPLAY_STRING_SO,\n both: false,\n });\n } else if (!_.isInteger(Number(profile))) {\n setType({\n string: DISPLAY_STRING_GH,\n both: false,\n });\n } else {\n setType({\n string: \"\",\n both: true,\n });\n }\n }\n }\n }\n }, [hash]); // eslint-disable-line react-hooks/exhaustive-deps\n\n // const certName = type.string.replace(/ /g, '%20')\n const hashbreak = hash.split(\"/\");\n const d = new Date();\n\n let liShareUrl = 'https://www.linkedin.com/';\n let liShareUrlString1 = 'https://www.linkedin.com/profile/add?startTask=CERTIFICATION_NAME&name=';\n let liShareUrlString2 = `&organizationId=72322324&issueYear=${d.getFullYear()}&issueMonth=${d.getMonth()+1}&certId=`;\n let liShareUrlString3 = '&certUrl=https%3A%2F%2Fwww.techierank.com%2F%23'\n let liShareUrlDate = `${d.getFullYear()}%2D${d.getMonth().toString().split(\"\")[1] ? `${d.getMonth()+1}` : `${d.getMonth() < 9 ? 0 : ''}${d.getMonth()+1}`}%2D${d.getDate().toString().split(\"\")[1] ? `${d.getDate()}` : `0${d.getDate()}`}`;\n let liShareUrlVerAndRanked = '%20Profile%20Ownership%20Verified%20%28Ranked%20in%20top%20';\n let liShareUrlVer = '%20Profile%20Ownership%20Verified%20as%20of%20';\n \n if(hashbreak.length === 2){\n if(sorank === 'not_top_50'){\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}${liShareUrlVer}${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}%20ID%3A%20${hashbreak[0].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}`;\n } else if(sorank && Number(hashbreak[0].slice(1))){\n // Stack Overflow ID IS is a string which can be converted to a number\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}${liShareUrlVerAndRanked}${sorank}%25%29%20as%20of%20${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}%20ID%3A%20${hashbreak[0].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}`;\n }\n\n if(gitrank === 'not_top_50'){\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_GH}${liShareUrlVer}${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_GH}%20Username%3A%20${hashbreak[0].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}`;\n } else if(gitrank && !Number(hashbreak[0].slice(1))){\n // GitHub username is never a number\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_GH}${liShareUrlVerAndRanked}${gitrank}%25%29%20as%20of%20${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_GH}%20Username%3A%20${hashbreak[0].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}`;\n }\n\n } else {\n if(sorank === 'not_top_50' && gitrank !== 'not_top_50'){\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_GH}${liShareUrlVerAndRanked}${gitrank}%25%29%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}${liShareUrlVer}${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_GH}%20Username%3A%20${hashbreak[0].slice(1)}%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}%20ID%3A%20${hashbreak[1].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}%2F${hashbreak[2]}`;\n } else if(gitrank === 'not_top_50' && sorank !== 'not_top_50'){\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}${liShareUrlVerAndRanked}${sorank}%25%29%20%7C%20${DISPLAY_STRING_GH}${liShareUrlVer}${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_GH}%20Username%3A%20${hashbreak[0].slice(1)}%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}%20ID%3A%20${hashbreak[1].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}%2F${hashbreak[2]}`;\n } else if(gitrank === 'not_top_50' && sorank === 'not_top_50'){\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_GH}%20Profile%20Ownership%20Verified%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}${liShareUrlVer}${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_GH}%20Username%3A%20${hashbreak[0].slice(1)}%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}%20ID%3A%20${hashbreak[1].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}%2F${hashbreak[2]}`;\n } else {\n liShareUrl = `${liShareUrlString1}${DISPLAY_STRING_GH}${liShareUrlVerAndRanked}${gitrank}%25%29%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}${liShareUrlVerAndRanked}${sorank}%25%29%20as%20of%20${liShareUrlDate}${liShareUrlString2}${DISPLAY_STRING_GH}%20Username%3A%20${hashbreak[0].slice(1)}%20%7C%20${DISPLAY_STRING_SO.split(\" \")[0]}%20${DISPLAY_STRING_SO.split(\" \")[1]}%20ID%3A%20${hashbreak[1].slice(1)}${liShareUrlString3}${hashbreak[0].slice(1)}%2F${hashbreak[1]}%2F${hashbreak[2]}`;\n }\n \n }\n\n const LIBtnonclickFunc = (e: any, liShareUrl: any) => {\n e.preventDefault();\n window.open(liShareUrl, \"_blank\");\n }\n const isGithubRankNotInTop50 = type.both === false && type.string === \"GitHub\" && (parseFloat(gitrank) > 50 || isNaN(parseFloat(gitrank)))\n const isSlackRankNotInTop50 = type.both === false && type.string === \"Stack Overflow\" && (parseFloat(sorank) > 50 || isNaN(parseFloat(sorank)))\n\n return (\n \n
\n
\n \n
\n
\n
\n\n \n {!type.both ? (\n <>\n
\n Tip: first to share both\n
\n \n ) : null}\n \n \n \n \n
\n {/* */}\n \n \n \n \n
\n
{gitrank === 'not_top_50' || sorank === 'not_top_50' ? \"Your ranking is NOT shared to LinkedIn and n\" : \"N\"}o login with LinkedIn is required.
This does NOT share anything to your feed and does NOT notify your network.
You can edit the verified credential wording before adding it to your list of Licenses & Certifications.
\n
\n
\n
\n
\n\n {!type.both ? (\n //
\n <>\n
or share{\" \"}\n {type.string\n ? `${isGithubRankNotInTop50 || isSlackRankNotInTop50 ? \"\" : `your ${type.string} rank & `}proof of profile ownership`\n : SHARE_TITLE}\n
\n \n \n // \n ) : (\n
or share{\" \"}\n {type.string\n ? ` your ${type.string} rank & prove ownership of your profiles`\n : ` ${SHARE_TITLE}`}\n
\n )}\n \n\n {/*
\n 
\n \n Why? Stand out from your competition by adding your {APP_NAME}{\" \"}\n link to your CV / LinkedIn / HackerRank / Email signature (we recommended instead of your{\" \"}\n {DISPLAY_STRING_GH} link) to give potential employers confidence you own your profiles and can see your rank and soft skills at a glance\n
\n */}\n
\n\n\n {/* If this is inside span, copy button is messed up */}\n
\n
\n
\n navigator.clipboard.writeText(\n `${process.env.REACT_APP_URL_RELATIVE_RATINGS_APP}${hash}`\n )\n }\n >\n 
\n \n \n\n
\n \n
\n Stand out from your competition by adding your {APP_NAME}{\" \"}\n link to your CV / LinkedIn / HackerRank / Email signature to give employers confidence you own your profiles & so they can see your {isGithubRankNotInTop50 || isSlackRankNotInTop50 ? '' : 'rank &'} soft skills at a glance.\n
\n \n \n\n\n
\n
\n
\n
\n
\n What level do you want to hire?\n
\n \n
\n
{\n funcs.forEach(element => {\n element('intern')\n });\n setOpenDialog(false)\n }}>\n
\n
Intern
Less than 1 year experience
\n
\n
{\n funcs.forEach(element => {\n element('junior')\n });\n setOpenDialog(false)\n }}>\n
\n
Junior
1-2 years experience
\n
\n
{\n funcs.forEach(element => {\n element('mid-level')\n });\n setOpenDialog(false)\n }}>\n
\n
Mid level
2-5 years experience
\n
\n
{\n funcs.forEach(element => {\n element('senior')\n });\n setOpenDialog(false)\n }}>\n
\n
Senior
5+ years experience
\n
\n
\n
\n {\n github_search === true ? \n customComp(setOpenDialog, [setExpectedLevelGH])\n :\n github_search === false ? \n customComp(setOpenDialog, [setExpectedLevelSO])\n :\n customComp(setOpenDialog, [setExpectedLevelSO, setExpectedLevelGH])\n }\n \n
\n )\n}\n\nexport default Level_dialog\n","import React from 'react'\n\nconst OtherRankingRegister = ({navigateToRegister, show_a_Tag, show_btn_Tag}) => {\n return (\n \n
\n \n {show_btn_Tag === true && \n Check 5 Developer's Tech & Soft Skills Free\n \n }\n {\n show_a_Tag === true && alert(\"Coming soon!\")}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Get Free Chrome Extension\n \n }\n \n {/* \n alert(\"Coming soon!\")}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n Get API Access\n */}\n\n \n\n
(subscribers can contact Techies directly)
\n \n } else {\n return <>\n }\n }\n\n // Return the congrats message\n const Congrats_Msg = (github) => {\n return <>\n \n
Congratulations you may have found a diamond in the rough!\n
Your Techie is above the typical top {expectedLevelGH === \"intern\" ? \"100-80%\" : expectedLevelGH === \"junior\" ? \"80-60%\" : expectedLevelGH === \"mid-level\" ? '60-40%' : '40-20%'} range for {expectedLevelGH} level developers.
: \n Your Techie is above the typical top {expectedLevelSO === \"intern\" ? \"100-80%\" : expectedLevelSO === \"junior\" ? \"80-60%\" : expectedLevelSO === \"mid-level\" ? '60-40%' : '40-0%'} range for {expectedLevelSO} level developers.
}\n {/* {Contact_us_about_techi(github)} */}\n \n \n }\n // Return Not enough data message\n const NotEnoughData_Msg = (github) => {\n return <>\n \n
Not enough data to tell if this Techie may be a diamond in the rough or not.
\n
\n TechieRank is a novel pre-employment developer assessment platform.\n
\n Gain a strategic hiring advantage by uncovering hidden data points about your candidates by checking their ranking and soft skills on {DISPLAY_STRING_GH} or{\" \"} {DISPLAY_STRING_SO}.\n
\n TechieRank makes it quick and easy (even as a non techincal applicant assessor) to instantly spot your diamond in the rough applicants!\n
\n ![\"Check](\"/techierank.gif\")
\n
\n
\n Developers do not need to be members of our service - it works on any of the {TOTAL_GITHUB_USERS + TOTAL_STACKOVERFLOW_USERS} million developers with a public {DISPLAY_STRING_GH} or{\" \"} {DISPLAY_STRING_SO} profile!\n
\n {/* Do your traditional candidate screening processes rely on outdated Cover Letters, CVs & LinkedIn profiles resulting in diamond in the rough developers slipping through your fingers?\n
*/}\n Studies show many great developers (often from more diverse backgrounds) don't have good CVs or LinkedIn profiles but have proof of tech and soft skills (such as ability to solve problems themselves, communication skills e.t.c) on {DISPLAY_STRING_GH} or{\" \"} {DISPLAY_STRING_SO} that TechieRank uncovers for you.\n
\n ;\n\n };\n\n\n // Change the state(opendialog, ExpectedLevelAndResSO and ExpectedLevelAndResGH) and open the dialog\n const changeStateAndOpenDialog = (github) => {\n if(localStorage.getItem('uuidCredit') !== \"\" && localStorage.getItem('uuidCredit') !== null){\n if(github === true){\n setExpectedLevelAndResGH(null);\n setOpenDialog(true);\n }else{\n setExpectedLevelAndResSO(null);\n setOpenDialog(true);\n }\n }\n }\n //Payment modal\n const [modalShow, setModalShow] = useState(false);\n\n const loadingTextStr =\n \"Crunching \".concat(numMilUsers.toString()) +\n \" million \" +\n nameOfSite.toString() +\n \" Techie profiles....\";\n const NOT_TOP_50 = \"not_top_50\";\n\n const navigateToRegister = () => history.push(\"/register\");\n const setToken = ({ type, token }) => {\n if (type === GITHUB_STRING) {\n setGitHubToken(token);\n } else if (type === SO_STRING) {\n setStackOverflowToken(token);\n }\n };\n\n // parse the token passed from github (if any) and update username from the api\n // e.g. http://localhost:3000/?access_token=asdfasdf\n // this is a onetime check on component creation\n useEffect(() => {\n const ACCESS_STRING = \"access\";\n const query = new URLSearchParams(props.location.search);\n let params = {};\n for (let param of query.entries()) {\n params[param[0]] = param[1];\n }\n\n if (params.hasOwnProperty(ACCESS_STRING)) {\n // Store the uuidcredit in the local storage\n localStorage.setItem('uuidCredit', params[ACCESS_STRING])\n window.location.href = process.env.REACT_APP_URL_RELATIVE_RATINGS_APP\n }\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n // To log out the user\n const logout = () => {\n localStorage.removeItem('uuidCredit')\n window.location.href = process.env.REACT_APP_URL_RELATIVE_RATINGS_APP\n }\n\n useEffect(() => {\n // Check the local storage\n if(localStorage.getItem('uuidCredit')){\n setUuidCredit(localStorage.getItem('uuidCredit'))\n initOutstandingCredits(localStorage.getItem('uuidCredit'));\n setHideGH(true);\n setHideSO(true);\n }\n }, [])\n\n useEffect(() => {\n if (props.location.hash) {\n const profileURL = props.location.hash.slice(1);\n const profileProps = profileURL.split(\"/\");\n\n if (profileProps.length < 2) {\n setShowError({\n show: true,\n msg: \"Invalid Profile Link\",\n });\n } else {\n if (profileProps.length === 3) {\n const [github, so] = profileProps;\n if (!_.isInteger(Number(github)) && _.isInteger(Number(so))) {\n setGithubSearch('both')\n getProfile.apply(this, profileProps);\n setLoadingProfileStr(`\n Crunching ${TOTAL_GITHUB_USERS} million \n ${DISPLAY_STRING_GH} and ${TOTAL_STACKOVERFLOW_USERS} million \n ${DISPLAY_STRING_SO}\n Techie profiles....`\n );\n } else {\n setShowError({\n show: true,\n msg: \"Invalid Profile Link\",\n });\n }\n } else {\n const [profile, hash] = profileProps;\n if (_.isInteger(Number(profile))) {\n getProfile(\"\", profile, hash);\n setGithubSearch(false)\n setLoadingProfileStr(`\n Crunching ${TOTAL_STACKOVERFLOW_USERS} million \n ${DISPLAY_STRING_SO}\n Techie profiles....`\n );\n } else if (!_.isInteger(Number(profile))) {\n setGithubSearch(true)\n getProfile(profile, \"\", hash);\n setLoadingProfileStr(`\n Crunching ${TOTAL_GITHUB_USERS} million \n ${DISPLAY_STRING_GH}\n Techie profiles....`\n );\n } else {\n setShowError({\n show: true,\n msg: \"Invalid Profile Link\",\n });\n }\n }\n }\n }\n }, []); // eslint-disable-line react-hooks/exhaustive-deps\n\n // auto check for login with github\n useEffect(() => {\n if (githubToken) {\n crunchRating();\n }\n }, [githubToken]); // eslint-disable-line react-hooks/exhaustive-deps\n\n // auto check for login with stackoverflow\n useEffect(() => {\n if (stackoverflowToken) {\n crunchRatingStackoverflow();\n }\n }, [stackoverflowToken]); // eslint-disable-line react-hooks/exhaustive-deps\n\n // Check if the user is visiting his own profile\n useEffect(() => {\n if((ownRatingGH !== true && result !== \"\" && hash !== \"\") || (ownRatingSO !== true && resultStackOverflow !== \"\" && hash !== \"\")){\n if(localStorage.getItem('techierank_github_profile_username') === username || localStorage.getItem('techierank_stackoverflow_profile_username') === SOusername){\n setShowShare(true)\n }\n }\n }, [username, SOusername, ownRatingGH, ownRatingSO, result, resultStackOverflow, hash])\n\n useEffect(() => {\n if(ownRatingSO === true && stackoverflowSearch === true){\n document.getElementById('so_section').scrollIntoView()\n }\n }, [ownRatingSO, stackoverflowSearch])\n\n // a user input check\n // if enteredVal is a valid github url then it will automatically extract the username\n // otherwise it treats whatever the user is entering as username\n const checkForUsername = () => {\n const enteredVal = enteredText.trim();\n\n if (!enteredVal) {\n setShowError({\n show: true,\n msg: \"the URL or username that you entered does not seem to be valid\",\n });\n\n return;\n }\n\n setShowError({ show: false, msg: \"\" });\n // check if user entered a url\n const isValidUrl = checkValidUrl(enteredVal);\n if (isValidUrl) {\n\n\n // 2021-04-012 relative-ratings-app RequestRating.js and relative-rankings-chrome-extension functions.js share this same code => move to shared component\n // check if the entered url is actually github or SO\n const isValidGithub = checkValidGitHubUrl(enteredVal);\n const isValidSO = checkValidStackOverflowUrl(enteredVal);\n\n\n if (isValidGithub) {\n setGithubSearch(true)\n const newUsername = extractUsername(enteredVal);\n crunchRating(newUsername, true);\n } else if (isValidSO) {\n setGithubSearch(false)\n const newUserId = extractUserId(enteredVal);\n crunchRatingStackoverflow(newUserId, true);\n } else {\n setShowError({\n show: true,\n msg: \"the URL that you entered does not seem to be valid\",\n });\n }\n } else {\n if (Number.isInteger(Number(enteredVal))) {\n setGithubSearch(false)\n setUserId(enteredVal);\n crunchRatingStackoverflow(enteredVal);\n } else {\n setGithubSearch(true)\n crunchRating(enteredVal);\n }\n }\n };\n\n const twitterShare = () => {\n const profileUrl = `${process.env.REACT_APP_URL_RELATIVE_RATINGS_APP}${hash}`;\n let rankText = \"\";\n if (result && result !== NOT_TOP_50) {\n rankText += `top ${result}% of ${DISPLAY_STRING_GH} developers `;\n }\n if (resultStackOverflow && resultStackOverflow !== NOT_TOP_50) {\n if (rankText !== \"\") {\n rankText += \"and \";\n }\n rankText += `top ${resultStackOverflow}% of ${DISPLAY_STRING_SO} developers `;\n }\n const text = encodeURIComponent(\n `${\n rankText === \"\"\n ? `Check out my developer profile(s) on ${APP_NAME}.com!`\n : `I'm ranked in the ${rankText}on ${APP_NAME}.com - Check your rank free now!`\n } \\n${profileUrl} \\n\\n@${APP_NAME} powered by @reputationaire`\n );\n\n const url = `https://twitter.com/intent/tweet?text=${text}`;\n window.open(url, \"_blank\");\n };\n\n const linkedInShare = () => {\n const profileUrl = fixedEncodeURIComponent(\n `${process.env.REACT_APP_URL_RELATIVE_RATINGS_APP}${hash}`\n );\n const url = `https://www.linkedin.com/sharing/share-offsite/?url=${profileUrl}`;\n window.open(url, \"_blank\");\n };\n\n const crunchRating = async (user = \"\", search = false) => {\n // check if username is actually set\n // user = user !== '' ? user : username;\n setShowError({ show: false, msg: \"\" });\n setShowShare(false);\n\n if (user === \"\" && githubToken === \"\") {\n setShowError({\n show: true,\n msg: `Please enter a valid username/${DISPLAY_STRING_GH} URL`,\n });\n return;\n }\n\n setNumMilUsers(TOTAL_GITHUB_USERS);\n setNameOfSite(DISPLAY_STRING_GH);\n setIsLoading(true);\n var user_name = \"\"\n if (githubToken && !search) {\n // GET AND SET GITHUB USERNAME\n await getGitHubUsername(githubToken).then((res) => {\n setUsername(_.unescape(res.data.message.username));\n user_name = _.unescape(res.data.message.username)\n });\n\n crunchOwnRating(githubToken)\n .then((res) => {\n let average = res.data.message.average;\n let newResult = (average === 100 ? average : average * 100).toFixed(\n 2\n );\n\n if (newResult > 50) {\n newResult = NOT_TOP_50;\n } else if (newResult === 0.0) {\n newResult = 0.01;\n }\n\n setOwnRatingGH(true);\n setResult(newResult);\n setIsLoading(false);\n\n if (!uuidCredit) {\n generate_profile(githubToken, stackoverflowToken).then((res) => {\n const hash = res.data.message.profile;\n setHash(hash);\n setShowShare(true);\n window.history.pushState(\n {},\n `Your ${APP_NAME} Profile`,\n `${process.env.REACT_APP_URL_RELATIVE_RATINGS_APP}${hash}`\n );\n });\n }\n if(user_name !== \"\"){\n localStorage.setItem('techierank_github_profile_username', user_name)\n }\n })\n .catch((err) => {\n setIsLoading(false);\n if (err.response) {\n if (err.response.status === 404) {\n setShowError({ show: true, msg: \"No such username\" });\n return;\n }\n }\n setShowError({\n show: true,\n msg: `We're having trouble completing your request at this time`,\n });\n });\n } else {\n crunchOtherRating(user)\n .then((resp) => {\n const uuid_github = resp.data.message.uuid_github;\n axios\n .get(\n process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE +\n `/api/result?id=${uuid_github}&access=${uuidCredit}`\n )\n .then((res) => {\n if (res.data.message.credit_exhausted === true) {\n setResult(\"\");\n setIsLoading(false);\n setModalShow(true);\n return;\n }\n\n let average = (res.data.message.average === 100\n ? res.data.message.average\n : res.data.message.average * 100\n ).toFixed(2);\n\n if (average === 0.0) {\n average = 0.01;\n }\n\n const outstandingCredit = res.data.message.credit_remaining;\n\n setRetrieved_github_user_email(res.data.message.got_email)\n setOwnRatingGH(false);\n setUsername(_.unescape(user));\n setResult(average);\n setOutstandingCredit(outstandingCredit);\n setIsLoading(false);\n if (hideGH) {\n setHideGH(false);\n }\n // setExpectedLevelAndResGH(null);\n // setOpenDialog(true);\n changeStateAndOpenDialog(true)\n\nsetGHAdditionalRankingData(res.data.message.ratingData);\n\n\n })\n .catch((err) => {\n setIsLoading(false);\n setShowError({\n show: true,\n msg: \"Please check the url/id and submit again.\",\n });\n });\n })\n .catch((err) => {\n setIsLoading(false);\n if (err.response) {\n if (err.response.status === 404) {\n setShowError({ show: true, msg: \"No such username\" });\n return;\n }\n }\n setShowError({\n show: true,\n msg: `We're having trouble completing your request at this time`,\n });\n });\n }\n };\n\n const getProfile = (github = \"\", userid = \"\", hash) => {\n setIsLoading(true);\n const requestUrl =\n process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE + \"/api/check-profile\";\n\n const data = {\n github,\n stackoverflow: userid,\n hash,\n uuidCredit: localStorage.getItem('uuidCredit'),\n };\n\n const config = {\n headers: {\n \"Content-Type\": \"application/json\",\n },\n };\n\n axios\n .post(requestUrl, data, config)\n .then((res) => {\n if (res.data.message.so_average !== \"\") {\n let so_average = res.data.message.so_average.toFixed(2);\n if (so_average === 0.0) {\n so_average = 0.01;\n }\n\n setSOusername(_.unescape(res.data.message.so_username));\n setUserId(userid);\n setResultStackOverflow(so_average);\n setOwnRatingSO(false);\n // setExpectedLevelAndResSO(null);\n // setOpenDialog(true);\n changeStateAndOpenDialog(false)\n }\n\n if (res.data.message.github_average !== \"\") {\n let github_average = (res.data.message.github_average === 100\n ? res.data.message.github_average\n : res.data.message.github_average * 100\n ).toFixed(2);\n if (github_average === 0.0) {\n github_average = 0.01;\n }\n\n setRetrieved_github_user_email(res.data.message.got_email)\n setUsername(_.unescape(github));\n setOwnRatingGH(false);\n setResult(github_average);\n // setExpectedLevelAndResGH(null);\n // setOpenDialog(true);\n const hash = \"#\"+window.location.href.split('#')[1]\n setHash(hash)\n changeStateAndOpenDialog(true)\n }\n setIsLoading(false);\n })\n .catch((err) => {\n\nconsole.error(err);\n\n setIsLoading(false);\n setShowError({ show: true, msg: err.response.data.message.status });\n });\n };\n\n const crunchRatingStackoverflow = async (user = \"\", search = false) => {\n // check if userid is actually set\n // user = user !== '' ? user : userid;\n setShowError({ show: false, msg: \"\" });\n setShowShare(false);\n if (user === \"\" && stackoverflowToken === \"\") {\n setShowError({\n show: true,\n msg: `Please enter a valid userID/${DISPLAY_STRING_SO} URL`,\n });\n return;\n }\n\n setNumMilUsers(TOTAL_STACKOVERFLOW_USERS);\n setNameOfSite(DISPLAY_STRING_SO);\n setIsLoading(true);\n var user_name = \"\"\n\n if (stackoverflowToken && !search) {\n await getStackOverflowUsername(stackoverflowToken).then((res) => {\n setSOusername(_.unescape(res.data.message.username));\n setUserId(res.data.message.user_id);\n user_name = _.unescape(res.data.message.username)\n });\n\n crunchOwnRatingStackOverflow(stackoverflowToken)\n .then((res) => {\n let average = res.data.message.average;\n let newResult = average.toFixed(2);\n\n if (newResult > 50) {\n newResult = NOT_TOP_50;\n } else if (newResult === 0.0) {\n newResult = 0.01;\n }\n\n setOwnRatingSO(true);\n setResultStackOverflow(newResult);\n setIsLoading(false);\n\n if (!uuidCredit) {\n generate_profile(githubToken, stackoverflowToken).then((res) => {\n const hash = res.data.message.profile;\n setHash(hash);\n setShowShare(true);\n window.history.pushState(\n {},\n `Your ${APP_NAME} Profile`,\n `${process.env.REACT_APP_URL_RELATIVE_RATINGS_APP}${hash}`\n );\n });\n }\n if(user_name !== \"\"){\n localStorage.setItem('techierank_stackoverflow_profile_username', user_name)\n }\n if(stackoverflowSearch === false){\n setStackOverFlowSearch(true)\n }\n })\n .catch((err) => {\n setIsLoading(false);\n if (err.response) {\n if (err.response.status === 404) {\n setShowError({ show: true, msg: \"No such username\" });\n return;\n }\n }\n setShowError({\n show: true,\n msg: `We're having trouble completing your request at this time`,\n });\n });\n } else {\n getStackOverflowUsername_userid(user).then((res) => {\n setSOusername(_.unescape(res.data.message.username));\n });\n\n crunchOtherRatingStackOverflow(user)\n .then((resp) => {\n const uuid_stackoverflow = resp.data.message.uuid_stackoverflow;\n axios\n .get(\n process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE +\n `/api/stackoverflow/result?id=${uuid_stackoverflow}&access=${uuidCredit}`\n )\n .then((res) => {\n if (res.data.message.credit_exhausted === true) {\n setResultStackOverflow(\"\");\n setIsLoading(false);\n setModalShow(true);\n return;\n }\n let average = res.data.message.average.toFixed(2);\n const outstandingCredit = res.data.message.credit_remaining;\n\n if (average === 0.0) {\n average = 0.01;\n }\n\n setOwnRatingSO(false);\n setUserId(user);\n setResultStackOverflow(average);\n setOutstandingCredit(outstandingCredit);\n setIsLoading(false);\n if (hideSO) {\n setHideSO(false);\n }\n // setExpectedLevelAndResSO(null);\n // setOpenDialog(true);\n changeStateAndOpenDialog(false)\n })\n .catch((err) => {\n setIsLoading(false);\n setShowError({\n show: true,\n msg: \"Please check the url/id and submit again.\",\n });\n });\n })\n .catch((err) => {\n setIsLoading(false);\n if (err.response) {\n if (err.response.status === 404) {\n setIsLoading(false);\n setShowError({ show: true, msg: \"No such username\" });\n return;\n }\n }\n setIsLoading(false);\n setShowError({\n show: true,\n msg: `We're having trouble completing your request at this time`,\n });\n });\n }\n };\n\n\n const initOutstandingCredits = (uuidCredit) => {\n let requestUrl =\n process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE + \"/api/get-user-info\";\n\n let data = {\n access: uuidCredit,\n };\n\n let config = {\n headers: {\n \"Content-Type\": \"application/json\",\n },\n };\n\n axios.post(requestUrl, data, config).then((res) => {\n setOutstandingCredit(res.data.message.outstanding_credit);\n });\n };\n\n\n const RankingTooltipGH = () => {\n\n return \n \n \n {DISPLAY_STRING_GH} is where over {TOTAL_GITHUB_USERS} pesudo anonymous million developers contribute to the open source community & manage their code repositories\n
\n \n\n\n };\n\n // Get the number of people user is higher than\n const higher_than = (ranking, total) => {\n let int_ranking = parseInt(ranking)\n return total - parseInt((total*int_ranking)/100)\n }\n\n\nconst parseTopByInToHighMediumLow = (topString) => {\n\n const topPercentage = Math.min(100, parseInt(topString.replace('top ', '').split('.')[0]));\n\n return topPercentage >= 66 ? 'low' : topPercentage >= 33 ? 'medium' : 'high';\n\n};\n\n\n const RankingGHOrSO = (rankingAndOwnRatingAndGHElseSO) => {\n\n var resu = 0\n if(rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] === true && result !== 'not_top_50'){\n resu = higher_than(result, TOTAL_GITHUB_USERS)\n }else if(rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] === false && resultStackOverflow !== 'not_top_50'){\n resu = higher_than(resultStackOverflow, TOTAL_STACKOVERFLOW_USERS)\n }\n\n\nconst ghAccountAge = gHAdditionalRankingData?.since ? ' (' + gHAdditionalRankingData.since.split(' ')[0].replace('+', '') + ' months)' : false;\nconst ghTopByRepos = gHAdditionalRankingData?.user_byrepos ? parseTopByInToHighMediumLow(gHAdditionalRankingData.user_byrepos) + ' ' : false;\nconst ghTopByStars = gHAdditionalRankingData?.toprepo_bystars ? parseTopByInToHighMediumLow(gHAdditionalRankingData.toprepo_bystars) + ' number of ' : false;\nconst ghTopByFollowers = gHAdditionalRankingData?.user_byfollowers ? 'a ' + parseTopByInToHighMediumLow(gHAdditionalRankingData.user_byfollowers) + ' ' : false;\n\n return <>\n\n { rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[0] === NOT_TOP_50 ? (\n\n \n Profile ownership verified!
\n { rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] ? : }\n \n\n ) : (\n\n <>\n \n {rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[1] ? \"Congratulations! You are r\" : \"R\"}anked\n in the\n
\n \n Top {rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[0]}% of { rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] ? TOTAL_GITHUB_USERS : TOTAL_STACKOVERFLOW_USERS } million { rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] ? DISPLAY_STRING_GH : DISPLAY_STRING_SO } users
\n { rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] ? : }\n \n \n\n )}\n\n {rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[0] === NOT_TOP_50 ? `You are not in the top 50%... yet!` : resu !== 0 && `(so above about ${resu} million developers)`}\n
\n\n\n { // TODO use this GH ranking message format everywhere not just employer's dashboard\n\n rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] === true ? \n \n
\n Ranking is based on {username}'s account age{ghAccountAge ? ghAccountAge : ''}, {ghTopByRepos ? ghTopByRepos : ''}number of contributions to code repositories, {ghTopByStars ? ghTopByStars : ''}repository stars (showing quality of projects) and {ghTopByFollowers ? ghTopByFollowers : ''}following.\n
\n :\n \n \n
\n Ranking is based on reputation on {DISPLAY_STRING_SO} determined by community votes on quality questions, answers and comments.\n
\n \n\n }\n\n{\nrankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[3] === true && Congrats_Msg(rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] === true)\n}\n\n{(\n rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] === true && expectedLevelAndResGH === true) && Contact_us_about_techi(true)\n}\n\n\n { rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[1] ? (\n\n<>\n
\nJob Hunting?
{ rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[2] ? \n<>Recruiters & employers check {DISPLAY_STRING_GH} and like to see your progress.
Stand out from your peers in the 6 seconds your application is reviewed by {rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[0] === NOT_TOP_50 \n ? `uploading your own projects (and setting your private activity public) or contributing to open source projects and share proof of your ${DISPLAY_STRING_GH} ownership`\n : `sharing your proof of rank`} on your CV or on LinkedIn via our free Verifiable Credential!\n: <>Recruiters & employers tell us that contributing on {DISPLAY_STRING_SO} makes you stand out from your peers in the 6 seconds your application is reviewed.
{rankingAndOwnRatingAndGHElseSO.rankingAndOwnRatingAndGHElseSO[0] === NOT_TOP_50\n ? `Try to ask good questions or answer or comment on others' questions and share proof of your ${DISPLAY_STRING_SO} ownership` \n : `Share your proof of rank`} on your CV or on LinkedIn via our free Verifiable Credential!\n}\n
\n
\n\n\n ) : (null) }\n\n \n\n };\n\n\n\n\n const RankingTooltipSO = () => {\n\n return \n \n \n {DISPLAY_STRING_SO} is the largest pseudo anonymous community for {TOTAL_STACKOVERFLOW_USERS} million developers to learn & share their programming knowledge\n
\n \n \n \n };\n\n\n\n\n\n\n\n\n return (\n <>\n {drawerVisible ? (\n setModalShow(true)}\n goToRegister={() => navigateToRegister()}\n closeDrawer={() => toggleDrawer(false)}\n logout={() => logout()}\n />\n ) : null}\n \n
setModalShow(true)}\n goToRegister={() => navigateToRegister()}\n openDrawer={() => toggleDrawer(true)}\n logout={() => logout()}\n />\n {modalShow ? (\n setModalShow(false)} />\n ) : null}\n {isLoading ? (\n \n ) : (\n \n
\n {uuidCredit ? (\n \n {\n e.preventDefault();\n checkForUsername();\n }}\n >\n \n
setEnteredText(e.target.value)}\n />\n \n \n \n
\n \n \n ) : null}\n {false ? (\n \n \n
\n
\n
\n
GITHUB FOLLOWERS
\n
5
\n
STACK OVERFLOW REPUTATION
\n
123
\n
\n {/*
Do all developer applicants look the same?
*/}\n {RecruiterOrEmployerSalesTitleText()}
\n \n\n \n \n {RecruiterOrEmployerSalesText()}\n\n\n{/*
GET STARTED NOW FOR FREE
*/}\n\n
\n
Check 5 of your applicants free - it just takes 1 minute:\n
\n\n {/*
THEN AUTOMATE
*/}\n\n\n
\n
\n
\n {result ? (\n \n \n \n {`${username}'s`}\n
\n {` ${DISPLAY_STRING_GH}`}\n {ownRatingGH || uuidCredit ? `` : ` (profile ownership verified)`}\n 
\n \n \n Open {DISPLAY_STRING_GH} Profile\n
\n \n ) : (\n \n Are you a developer? Check your {DISPLAY_STRING_GH} rank then stand out by sharing a free verified credential proving ownership of your {DISPLAY_STRING_GH} to LinkedIn\n \n )}\n
\n
\n {result ? (\n
\n 
\n \n ) : (\n <>\n \n \n
\n
No signup required!Example(scroll down to Licenses & certifications)
\n
\n\n {result ? (\n<>\n {/* {\n expectedLevelAndResGH === true && Congrats_Msg(true)\n } */}\n
\n\n {/*
\n \n
\n Ranking is based on contributions to code repositories, repository stars (showing quality of projects), and a Techie's following\n
\n */}\n {\n expectedLevelAndResGH === false && NotEnoughData_Msg(true)\n }\n {uuidCredit && expectedLevelAndResGH === false ? (\n\n <>\n\n
A TechieRank ranking should not be required of all Techies and it should not replace your existing evaluation processes.
\n\n
\n\n \n\n ) : null}\n \n \n\n ) : (\n null\n )}\n\n
\n
Soft skills typically demonstrated by top ranked {DISPLAY_STRING_GH} Techies
\n
\n
\n
\n
Motivated with passion for technology
\n
\n
\n
\n
Growth mindset & attitude towards learning
\n
\n
\n
\n
Creative & contribute to other's projects
\n
\n
\n
\n
\n
\n\nAre you a developer? Check your {DISPLAY_STRING_GH} rank then stand out by sharing a free verified credential proving ownership of your {DISPLAY_STRING_GH} to LinkedIn\n\n
\n\n
\n\n
\n
No signup required!Example(scroll down to Licenses & certifications)
\n
\n
\n
Get a gauge on any {DISPLAY_STRING_GH} developer's rank & soft skills
\n\n\n\n\n\n\n\n \n
\n
\n{DISPLAY_STRING_GH} is where {TOTAL_GITHUB_USERS} pesudo anonymous million developers contribute to open source & manage their code repositories, demonstrating:\n
\n
\n
\n\n\n
\n
\n
\n
Motivation & passion for technology
\n
\n
\n
\n
Growth mindset & attitude towards learning
\n
\n
\n
\n
Creativity & contribution to other's projects
\n
\n
\n\n
\n
\n
\n {resultStackOverflow ? (\n \n \n \n {`${SOusername}'s`}\n
\n {` ${DISPLAY_STRING_SO}`}\n {ownRatingSO || uuidCredit ? `` : ` (profile ownership verified)`}\n \n \n \n Open {DISPLAY_STRING_SO} Profile\n
\n \n ) : (\n \n Are you a developer? Check your {DISPLAY_STRING_SO} rank then stand out by sharing a free verified credential proving ownership of your {DISPLAY_STRING_SO} to LinkedIn\n \n )}\n
\n
\n {resultStackOverflow ? (\n
\n 
\n \n ) : (\n <>\n \n \n
\n
No signup required!Example(scroll down to Licenses & certifications)
\n
\n {resultStackOverflow ? (\n\n<>\n\n {/* {\n expectedLevelAndResSO === true && Congrats_Msg(false)\n } */}\n\n
\n\n {/*
\n \n
\n Ranking is based on reputation on {DISPLAY_STRING_SO} determined by community votes on quality questions, answers and comments\n
\n */}\n {\n expectedLevelAndResSO === false && NotEnoughData_Msg(false)\n }\n {uuidCredit && expectedLevelAndResSO === false ? (\n\n <>\n\n
A TechieRank ranking should not be required of all Techies and it should not replace your existing evaluation processes.
\n\n
\n\n \n\n ) : null}\n \n\n ) : (\n null\n )}\n\n
\n
Soft skills typically demonstrated by top ranked {DISPLAY_STRING_SO} Techies
\n\n
\n
\n
\n
Ability to solve issues themselves & comfort with ambiguity
\n
\n
\n
\n
Good communication skills & ability to work with others
\n
\n
\n
\n
Technically proficient
\n
\n
\n
\n
\n
\n\nAre you a developer? Check your {DISPLAY_STRING_SO} rank then stand out by sharing a free verified credential proving ownership of your {DISPLAY_STRING_SO} to LinkedIn\n\n
\n\n
\n\n
\n
No signup required! Example(scroll down to Licenses & certifications)
\n
\n
\n
Get a gauge on any {DISPLAY_STRING_SO} developer's rank & soft skills
\n\n\n\n\n\n\n\n\n\n\n\n\n
\n
\n{DISPLAY_STRING_SO} is the largest pseudo anonymous online community for {TOTAL_STACKOVERFLOW_USERS} million developers to learn & share their programming knowledge, demonstrating:\n
\n
\n
\n\n
\n
\n
\n
Ability to solve issues themselves & comfort with ambiguity
\n
\n
\n
\n
Good communication skills & ability to work with others
\n
\n
\n
\n
Technical proficiency
\n
\n
\n
\n {/*
Do all developer applicants look the same?
*/}\n {RecruiterOrEmployerSalesTitleText()}
\n \n\n\n{uuidCredit && (result || resultStackOverflow) ? null : (\n\n \n \n {RecruiterOrEmployerSalesText()}\n\n
\n\n )}\n\n\n{\n openDialog &&\n \n}\n\n\n\n{!uuidCredit ? ( \n <>\n \n \n) : null}\n\n\n\n )}\n\n\n\n\n\n\n\n\n\n{uuidCredit && (result || resultStackOverflow) ? ( \n \n \n
Ready to automate within your ATS?
\n \n \n <>\n
\n \n \n\n Get your free Chrome Extension to automatically be shown the rank & soft skills of\n any {DISPLAY_STRING_GH} or {DISPLAY_STRING_SO} profile you browse to.\n
It even displays the rank above developer's {DISPLAY_STRING_GH} or {DISPLAY_STRING_SO} profile links anywhere on the web\n - for example above profile links within applicant's web based CV or your web based ATS!\n
\n\n\n \n \n
\n
Educational Resources
\n\n\n\n\n\n: null}\n\n\n\n\n \n
\n
Some partner companies hiring & accepting TechieRank profiles
\n \n \n \n
\n\n\n \n\n\n\n\n \n
\n
Stats
\n
\n \n \n | Number of Users | \n % of users who have used at least 1 credit | \n % of users who have used all their credits | \n
\n \n \n \n | {users?.length} | \n {percentage_users_used_at_least_one_creadit?.toFixed(2)}% ({(Math.round(users?.length * percentage_users_used_at_least_one_creadit / 100))}) | \n {percentage_users_used_all_their_credits?.toFixed(2)}% ({(Math.round(users?.length * percentage_users_used_all_their_credits / 100))}) | \n
\n \n
\n
\n
\n
\n
Client Name: {props.clientName}
\n
UUID: {props.uuid}
\n
\n
\n
Total Credit: {props.totalCredit}
\n
Outstanding: {props.outstandingCredit}
\n
\n
\n
Company: {props.company}
\n
Email: {props.email}
\n
\n
\n
Date Issued: {props.dateIssued}
\n
\n
\n
\n
{\n setCredit(e.target.value);\n }}\n />\n \n \n \n
setOpenSnackbar(false)}\n ContentProps={{\n \"aria-describedby\": \"message-id\",\n }}\n message={{snackbarMsg}}\n />\n \n
\n {\n setSearch(e.target.value);\n }}\n />\n
\n {(result || search !== \"\")\n ? result?.map((data) => {\n return (\n
\n );\n })\n : creditList.map((data) => {\n return (\n
\n );\n })}\n
\";\n }\n errorBoxRef.current.innerHTML += `• ${EMPTY_EMAIL_STRING}`;\n\n isValid = false;\n }\n\n if (credit === \"\" || parseInt(credit) === 0) {\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n if (errorBoxRef.current.innerHTML !== \"\") {\n errorBoxRef.current.innerHTML += \"
\";\n }\n errorBoxRef.current.innerHTML += `• ${EMPTY_CREDIT_STRING}`;\n\n isValid = false;\n }\n\n if (clientName === \"\") {\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n if (errorBoxRef.current.innerHTML !== \"\") {\n errorBoxRef.current.innerHTML += \"
\";\n }\n errorBoxRef.current.innerHTML += `• ${EMPTY_NAME_STRING}`;\n\n isValid = false;\n }\n\n if (clientName !== \"\" && !RegExp(/^['a-zA-Z-( )]+$/gm).test(clientName)) {\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n if (errorBoxRef.current.innerHTML !== \"\") {\n errorBoxRef.current.innerHTML += \"
\";\n }\n errorBoxRef.current.innerHTML += `• ${INVALID_NAME_STRING}`;\n\n isValid = false;\n }\n\n if (email !== \"\" && !validateEmail(email)) {\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n if (errorBoxRef.current.innerHTML !== \"\") {\n errorBoxRef.current.innerHTML += \"
\";\n }\n errorBoxRef.current.innerHTML += `• ${INVALID_EMAIL_STRING}`;\n\n isValid = false;\n }\n\n return isValid;\n };\n\n const clearError = () => {\n errorBoxRef.current.parentNode.classList.remove(\"showErrorBox\");\n errorBoxRef.current.innerHTML = \"\";\n };\n\n const clearSuccess = () => {\n successBoxRef.current.parentNode.classList.remove(\"showSuccessBox\");\n };\n\n const showSuccess = (name, uuid) => {\n successBoxRef.current.innerHTML = `Credit has been issued to ${name} with uuid: ${uuid}`;\n successBoxRef.current.parentNode.classList.add(\"showSuccessBox\");\n };\n\n const showLoading = () => {\n loadingBoxRef.current.classList.add(\"showLoadingBox\");\n };\n\n const stopLoading = () => {\n loadingBoxRef.current.classList.remove(\"showLoadingBox\");\n };\n\n /* Issue Credit button click function */\n const issueCreditClicked = (clientName, email, company, credit) => {\n clearError();\n if (!isFormValid(email, credit, clientName)) {\n return Promise.reject();\n }\n\n showLoading();\n let config = {\n headers: {\n \"Content-Type\": \"application/json\",\n auth: props.adminAuth,\n },\n };\n let data = {\n name: clientName,\n email: email,\n company: company,\n credit: parseInt(credit),\n client: \"reputationaire-api\",\n };\n\n return axios\n .post(\n `${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/api/issue-credit`,\n data,\n config\n )\n .then((res) => {\n const uuid_credit = res.data.message.uuid_credit;\n stopLoading();\n showSuccess(clientName, uuid_credit);\n clearError();\n updateList();\n })\n .catch((err) => {\n console.log(err);\n stopLoading();\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n errorBoxRef.current.innerHTML = err.message;\n });\n };\n\n return (\n <>\n \n {!authorized ? (\n <>\n
\n
\n
\n \n ) : (\n <>\n
\n
\n \n )}\n
\n
\n
Please wait
\n
\n
\n
\n
\n
\n
\n
\n
\n
';\n\t\t\t\t}\n\t\t\t\terrorBoxRef.current.innerHTML += `• ${EMPTY_EMAIL_STRING}`;\n\t\t\t\temailRef.current.classList.add('error');\n\t\t\t}\n\n\t\t\tisValid = false;\n\t\t}\n\n\t\tif (clientName === '') {\n\t\t\tif (window.innerHeight > 700) {\n\t\t\t\tnameRef.current.classList.add('error');\n\t\t\t\tnameErrorRef.current.classList.add('showError');\n\t\t\t\tnameErrorRef.current.innerHTML = EMPTY_NAME_STRING;\n\t\t\t} else {\n\t\t\t\terrorBoxRef.current.parentNode.classList.add('showErrorBox');\n\t\t\t\tif (errorBoxRef.current.innerHTML !== '') {\n\t\t\t\t\terrorBoxRef.current.innerHTML += '
';\n\t\t\t\t}\n\t\t\t\terrorBoxRef.current.innerHTML += `• ${EMPTY_NAME_STRING}`;\n\t\t\t\tnameRef.current.classList.add('error');\n\t\t\t}\n\n\t\t\tisValid = false;\n\t\t}\n\n\t\tif (clientName !== '' && !RegExp(/^['a-zA-Z-( )]+$/gm).test(clientName)) {\n\t\t\tif (window.innerHeight > 700) {\n\t\t\t\tnameRef.current.classList.add('error');\n\t\t\t\tnameErrorRef.current.classList.add('showError');\n\t\t\t\tnameErrorRef.current.innerHTML = INVALID_NAME_STRING;\n\t\t\t} else {\n\t\t\t\terrorBoxRef.current.parentNode.classList.add('showErrorBox');\n\t\t\t\tif (errorBoxRef.current.innerHTML !== '') {\n\t\t\t\t\terrorBoxRef.current.innerHTML += '
';\n\t\t\t\t}\n\t\t\t\terrorBoxRef.current.innerHTML += `• ${INVALID_NAME_STRING}`;\n\t\t\t\tnameRef.current.classList.add('error');\n\t\t\t}\n\n\t\t\tisValid = false;\n\t\t}\n\n\t\tif (email !== '' && !validateEmail(email)) {\n\t\t\tif (window.innerHeight > 700) {\n\t\t\t\temailRef.current.classList.add('error');\n\t\t\t\temailErrorRef.current.classList.add('showError');\n\t\t\t\temailErrorRef.current.innerHTML = INVALID_EMAIL_STRING;\n\t\t\t} else {\n\t\t\t\terrorBoxRef.current.parentNode.classList.add('showErrorBox');\n\t\t\t\tif (errorBoxRef.current.innerHTML !== '') {\n\t\t\t\t\terrorBoxRef.current.innerHTML += '
';\n\t\t\t\t}\n\t\t\t\terrorBoxRef.current.innerHTML += `• ${INVALID_EMAIL_STRING}`;\n\t\t\t\temailRef.current.classList.add('error');\n\t\t\t}\n\n\t\t\tisValid = false;\n\t\t}\n\n\t\treturn isValid;\n\t};\n\n\tconst emptyForm = () => {\n\t\tsetEmail('');\n\t\tsetClientName('');\n\t\tsetCompany('');\n\t};\n\n\tconst clearError = () => {\n\t\terrorBoxRef.current.parentNode.classList.remove('showErrorBox');\n\t\tnameRef.current.classList.remove('error');\n\t\temailRef.current.classList.remove('error');\n\t\tcompanyRef.current.classList.remove('error');\n\t\tnameErrorRef.current.classList.remove('showError');\n\t\temailErrorRef.current.classList.remove('showError');\n\t\tcompanyErrorRef.current.classList.remove('showError');\n\t\terrorBoxRef.current.innerHTML = '';\n\t};\n\n\tconst clearSuccess = () => {\n\t\tsuccessBoxRef.current.parentNode.classList.remove('showSuccessBox');\n\t\thistory.push('/');\n\t};\n\n\tconst showSuccess = (name, email) => {\n\t\tsuccessBoxRef.current.innerHTML = `Thank you for your interest ${name}. Your personal ${APP_NAME} access link has been sent to ${email}. \n Just click it to access your 5 free checks.`;\n\t\tsuccessBoxRef.current.parentNode.classList.add('showSuccessBox');\n\t};\n\n\tconst showLoading = () => {\n\t\tloadingBoxRef.current.classList.add('showLoadingBox');\n\t};\n\n\tconst stopLoading = () => {\n\t\tloadingBoxRef.current.classList.remove('showLoadingBox');\n\t};\n\n\tconst onSubmitClicked = (e) => {\n\t\te.preventDefault();\n\t\tclearError();\n\t\tif (!isFormValid()) {\n\t\t\treturn;\n\t\t}\n\n\t\tshowLoading();\n\n\t\tlet data = {\n\t\t\temail: email,\n\t\t\tclientName: clientName,\n\t\t\tcompany: company,\n\t\t};\n\n\t\tlet config = {\n\t\t\theaders: {\n\t\t\t\t'Content-Type': 'application/json',\n\t\t\t},\n\t\t};\n\n\t\taxios\n\t\t\t.post(\n\t\t\t\t`${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/api/register`,\n\t\t\t\tdata,\n\t\t\t\tconfig\n\t\t\t)\n\t\t\t.then((res) => {\n\t\t\t\tstopLoading();\n\t\t\t\tshowSuccess(clientName, email);\n\t\t\t\temptyForm();\n\t\t\t\tclearError();\n\t\t\t})\n\t\t\t.catch((err) => {\n\t\t\t\tstopLoading();\n\t\t\t\terrorBoxRef.current.parentNode.classList.add('showErrorBox');\n\t\t\t\terrorBoxRef.current.innerHTML =\n\t\t\t\t\t\"We're having trouble dealing with your request. Please try again or contact customer support.\";\n\t\t\t});\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
Please wait
\n\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t
\";\n }\n errorBoxRef.current.innerHTML += `• ${EMPTY_NAME_STRING}`;\n nameRef.current.classList.add(\"error\");\n }\n\n isValid = false;\n }\n\n if (password === \"\") {\n if (window.innerHeight > 700) {\n passwordRef.current.classList.add(\"error\");\n passwordErrorRef.current.classList.add(\"showError\");\n passwordErrorRef.current.innerHTML = INVALID_PASSWORD_STRING;\n } else {\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n if (errorBoxRef.current.innerHTML !== \"\") {\n errorBoxRef.current.innerHTML += \"
\";\n }\n errorBoxRef.current.innerHTML += `• ${INVALID_PASSWORD_STRING}`;\n nameRef.current.classList.add(\"error\");\n }\n\n isValid = false;\n }\n\n return isValid;\n };\n\n const emptyForm = () => {\n setUsername(\"\");\n setPassword(\"\");\n };\n\n const clearError = () => {\n errorBoxRef.current.parentNode.classList.remove(\"showErrorBox\");\n nameRef.current.classList.remove(\"error\");\n passwordRef.current.classList.remove(\"error\");\n nameErrorRef.current.classList.remove(\"showError\");\n passwordErrorRef.current.classList.remove(\"showError\");\n errorBoxRef.current.innerHTML = \"\";\n };\n\n const showLoading = () => {\n loadingBoxRef.current.classList.add(\"showLoadingBox\");\n };\n\n const stopLoading = () => {\n loadingBoxRef.current.classList.remove(\"showLoadingBox\");\n };\n\n const handleLogin = (e) => {\n e.preventDefault();\n clearError();\n if (!isFormValid()) {\n return;\n }\n showLoading();\n\n const urlLogin = `${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/api/login`;\n const config = {\n headers: {\n \"Content-Type\": \"application/json\",\n },\n };\n const data = {\n username: username,\n password: password,\n };\n\n axios\n .post(urlLogin, data, config)\n .then((res) => {\n stopLoading();\n emptyForm();\n let adminAuth = res.data.message.auth;\n props.setAdminAuth(adminAuth);\n props.history.push(\"/admin\");\n })\n .catch((err) => {\n console.log(err);\n stopLoading();\n errorBoxRef.current.parentNode.classList.add(\"showErrorBox\");\n errorBoxRef.current.innerHTML = err.message;\n });\n };\n\n return (\n \n
\n
\n
\n
\n
Please wait
\n
\n
\n
\n
\n
\n
\n
\n
\n\t\t\tPlease wait... (or if this window doesn't disappear please close it and try\n\t\t\tagain)\n\t\t
\n\t);\n};\n\nexport default Callback;\n","import React, { useState, useEffect } from 'react';\nimport { GITHUB_STRING, APP_NAME, DISPLAY_STRING_GH, DISPLAY_STRING_SO } from '../../../utils/serviceName';\nimport logo from '../../../images/logo.png';\n\nconst Prompt = ({ location }) => {\n\tconst [remindMe /*, setRemindMe */ ] = useState(false);\n\tconst [type, setType] = useState('');\n\tconst [title, setTitle] = useState('');\n\tconst githubUrl = `https://github.com/login/oauth/authorize?client_id=${process.env.REACT_APP_GITHUB_ID}&redirect_uri=${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/github-redirect`;\n\tconst stackUrl = `https://stackoverflow.com/oauth/?client_id=${process.env.REACT_APP_STACKOF_ID}&redirect_uri=${process.env.REACT_APP_URL_RELATIVE_RATINGS_NODE}/stackoverflow-redirect`;\n\tconst enablePrivateContributionArticle =\n\t\t'https://docs.github.com/en/github/setting-up-and-managing-your-github-profile/publicizing-or-hiding-your-private-contributions-on-your-profile';\n\n\tuseEffect(() => {\n\t\tconst query = new URLSearchParams(location.search);\n\t\tlet params = {};\n\t\tfor (let param of query.entries()) {\n\t\t\tparams[param[0]] = param[1];\n\t\t}\n\t\tif (params.hasOwnProperty('type')) {\n\t\t\tsetType(params['type']);\n\t\t\tsetTitle(params['type'] === GITHUB_STRING ? DISPLAY_STRING_GH : DISPLAY_STRING_SO);\n\t\t}\n\t\t// eslint-disable-next-line react-hooks/exhaustive-deps\n\t}, []);\n\n\tconst checkRemindMe = () => {\n\t\tif (remindMe) {\n\t\t\twindow.localStorage.setItem(`remindMe-${type}`, 'true');\n\t\t}\n\t};\n\n\tconst renderSOData = () => (\n\t\t<>\n\t\t\tYour reputation score\n\t\t\n\t);\n\n\tconst renderGitHubData = () => {\n\t\treturn (\n\t\t\t<>\n\t\t\t\tThe highest starred repository you have contributed to\n\t\t\t\tThe number of your followers\n\t\t\t\t\n\t\t\t\t\tNumber of repositories you have contributed to:\n\t\t\t\t\t\n\t\t\t\t\t\t
\n\t\t\t\t\t\t- We only analyse contributions made to public repos\n\t\t\t\t\t\t
\n\t\t\t\t\t\t- To increase your rank you can include your activity on private repos without making them public\n\t\t\t\t\t\t
-{' '}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tFollow these instructions to make your private activity visible\n\t\t\t\t\t\t\n\t\t\t\t\t\t
- Note: This does NOT make your private repos public, just shows your activity on them\n\t\t\t\t\t
\n\t\t\t\t\n\n\t\t\t{/* 2021-12-10 tried A/B test hide Act on Your Behalf and checked session duration but with got longer sessions https://optimize.google.com/optimize/home/#/accounts/3623840650/containers/9427895/experiments/10/report?utm_source=opt_notifications&utm_medium=email&utm_campaign=opt_exp_notifications&utm_content=opt_exp_ended */}\n\t\t\t\t\n\t\t\t\t\tWe request only your {DISPLAY_STRING_GH} username - we do NOT \"Act On Your Behalf\"\n\t\t\t\t\t\n\t\t\t\t\t
- See \n\t\t\t\t\t\t\there\n\t\t\t\t\t\t for {DISPLAY_STRING_GH}'s information on their strangely worded \"Act On My Behalf\" permission\n\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\n\t\t);\n\t};\n\n\treturn (\n\t\t\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\tIn order to calculate your rank, we need you prove you own your {title} username, then we'll look at this public information:\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\t{type === GITHUB_STRING ? renderGitHubData() : renderSOData()}\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t
\n\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t\t\t\tContinue\n\t\t\t\t\t\n\t\t\t\t\n\n\t\t\t\t{/* 2021-06-25 commented out as people auto click without reading then can't see info again on GH \"Act on my behalf\"
\n\t\t\t\t\t setRemindMe(e.target.checked)}\n\t\t\t\t\t\tid='remind-me'\n\t\t\t\t\t\ttype='checkbox'\n\t\t\t\t\t\tvalue='true'\n\t\t\t\t\t/>\n\t\t\t\t\t\n\t\t\t\t
*/}\n\t\t\t
\n\t\t