Merge pull request #676 from topcoder-platform/issue-675

Author: jmgasper

src/apps/onboarding/src/components/connect-linked-in/index.tsx

@@ -32,7 +32,9 @@ export const PageEducationsContent: FC<{
     useEffect(() => {
         if (!educations && props.reduxEducations) {
             setEducations(props.reduxEducations)
-            setEducationId(props.reduxEducations[props.reduxEducations.length - 1].id + 1)
+            if (props.reduxEducations.length > 0) {
+                setEducationId(props.reduxEducations[props.reduxEducations.length - 1].id + 1)
+            }
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [props.reduxEducations])

src/apps/onboarding/src/pages/educations/index.tsx

@@ -18,7 +18,6 @@ import SkillInfo from '../../models/SkillInfo'
 import SkillTag from '../../components/skill-tag'
 
 import styles from './styles.module.scss'
-import ConnectLinkedIn from '../../components/connect-linked-in'
 
 const PageSkillsContent: FC<{
     memberInfo?: Member,
@@ -109,8 +108,6 @@ const PageSkillsContent: FC<{
                         />
                     </div>
                 </div>
-
-                <ConnectLinkedIn />
             </div>
 
             <ProgressBar

src/apps/onboarding/src/pages/skills/index.tsx

@@ -25,15 +25,8 @@ export const PageStart: FC<{}> = () => {
 
                 <div className={classNames('d-flex justify-content-between flex-wrap mt-30', styles.blockOr)}>
                     <div>
-                        <span>We can extract data from your LinkedIn profile or a digital version of your resume.</span>
+                        <span>We can extract data from a digital version of your resume.</span>
                         <div className={classNames(styles.blockImportButtons, 'd-flex')}>
-                            <Button
-                                size='lg'
-                                secondary
-                                iconToLeft
-                            >
-                                import from linked in
-                            </Button>
                             <Button
                                 size='lg'
                                 secondary
@@ -71,6 +64,7 @@ export const PageStart: FC<{}> = () => {
                     size='lg'
                     primary
                     iconToLeft
+                    onClick={() => navigate('../skills')}
                 >
                     next
                 </Button>

src/apps/onboarding/src/pages/start/index.tsx

@@ -11,7 +11,6 @@ import { Button, PageDivider } from '~/libs/ui'
 
 import { ProgressBar } from '../../components/progress-bar'
 import styles from './styles.module.scss'
-import ConnectLinkedIn from '../../components/connect-linked-in'
 import WorkInfo from '../../models/WorkInfo'
 import ModalAddWork from '../../components/modal-add-work'
 import IconEdit from '../../assets/images/edit.svg'
@@ -33,7 +32,9 @@ export const PageWorksContent: FC<{
     useEffect(() => {
         if (!works && props.reduxWorks) {
             setWorks(props.reduxWorks)
-            setWorkId(props.reduxWorks[props.reduxWorks.length - 1].id + 1)
+            if (props.reduxWorks.length > 0) {
+                setWorkId(props.reduxWorks[props.reduxWorks.length - 1].id + 1)
+            }
         }
         /* eslint-disable react-hooks/exhaustive-deps */
     }, [props.reduxWorks])
@@ -99,7 +100,6 @@ export const PageWorksContent: FC<{
                         </span>
                     ) : null}
                 </div>
-                <ConnectLinkedIn />
             </div>
 
             <ProgressBar