TCA-1195 - make the url for HiringManager preview public

Author: vas3a

src-ts/tools/learn/learn-lib/hiring-manager-view/HiringManagerView.tsx

@@ -50,7 +50,6 @@ function renderBasicList(items: Array<string> = []): ReactNode {
         </ul>
     )
 }
-
 export interface HiringManagerViewProps {
     certification?: TCACertification
     completedAt?: string
@@ -301,7 +300,7 @@ const HiringManagerView: FC<HiringManagerViewProps> = (props: HiringManagerViewP
                                 <Button
                                     buttonStyle='secondary'
                                     label={props.isOwner ? 'View your Topcoder profile' : 'View full Topcoder profile'}
-                                    url={myProfileLink}
+                                    url={props.isPreview ? '' : myProfileLink}
                                     target='_blank'
                                     className={styles.shareBtn}
                                 />

src-ts/tools/learn/tca-certificate/user-certification-view/UserCertificationPreview.tsx

@@ -1,7 +1,7 @@
-import { FC, useContext, useLayoutEffect } from 'react'
-import { NavigateFunction, Params, useNavigate, useParams } from 'react-router-dom'
+import { FC } from 'react'
+import { Params, useParams } from 'react-router-dom'
 
-import { LoadingSpinner, profileContext, ProfileContextData, UserProfile } from '../../../../lib'
+import { LoadingSpinner, UserProfile } from '../../../../lib'
 import {
     TCACertificationEnrollmentBase,
     TCACertificationProviderData,
@@ -18,31 +18,23 @@ const placeholderUserProfile: UserProfile = {
 
 const placeholderEnrollment: TCACertificationEnrollmentBase = {
     completedAt: new Date().toISOString(),
-    completionUuid: 'test-uuid',
+    completionUuid: 'certificate-number',
     userHandle: 'your_handle',
     userName: 'Your Name',
 } as TCACertificationEnrollmentBase
 
 const UserCertificationPreview: FC<{}> = () => {
-    const { profile, initialized: profileReady }: ProfileContextData = useContext(profileContext)
-    const navigate: NavigateFunction = useNavigate()
-
     const routeParams: Params<string> = useParams()
 
     const {
         certification,
+        ready,
     }: TCACertificationProviderData
         = useGetTCACertification(`${routeParams.certification}`)
 
-    useLayoutEffect(() => {
-        if (profileReady && !profile) {
-            navigate('..')
-        }
-    }, [navigate, profile, profileReady])
-
     return (
         <>
-            <LoadingSpinner hide={profileReady} />
+            <LoadingSpinner hide={ready} />
 
             <UserCertificationViewBase
                 enrollment={placeholderEnrollment}