Merge pull request #635 from topcoder-platform/profiles-app

MP-17 qa fixes & tca view

Author: kkartunov

src/apps/profiles/src/member-badges/MemberBadgesPage.tsx

@@ -55,7 +55,7 @@ const MemberBadgesPage: FC<{}> = () => {
                 <ContentLayout
                     outerClass={styles.container}
                 >
-                    <div className={styles.backLink}>
+                    <Link to={`/${profile?.handle}`} className={styles.backLink}>
                         <svg
                             xmlns='http://www.w3.org/2000/svg'
                             width='14'
@@ -71,8 +71,8 @@ const MemberBadgesPage: FC<{}> = () => {
                                 clipRule='evenodd'
                             />
                         </svg>
-                        <Link to={`/profiles/${profile?.handle}`}>Return to Profile</Link>
-                    </div>
+                        Return to Profile
+                    </Link>
 
                     <div className={styles.badgesWrapper}>
                         <h3>COMMUNITY AWARDS & HONORS</h3>

src/apps/profiles/src/member-profile/tca-info/MemberTCAInfo.tsx

@@ -1,15 +1,14 @@
-import { Dispatch, MutableRefObject, ReactNode, SetStateAction, useState } from 'react'
+import { Dispatch, SetStateAction, useState } from 'react'
 import { bind } from 'lodash'
 
 import {
     CertificateBadgeIcon,
     CourseBadge,
+    HiringManagerView,
     LearnUserCertificationProgress,
-    TCACertificatePreview,
     TCACertification,
     TCACertificationEnrollmentBase,
 } from '~/apps/learn/src/lib'
-import { CertificateModal } from '~/apps/learn/src/lib/components/hiring-manager-view/certificate-modal'
 import { CertificateView } from '~/apps/learn/src/course-certificate/certificate-view'
 import { getTCACertificationValidationUrl } from '~/apps/learn/src/learn.routes'
 import { UserCompletedCertificationsData, UserProfile, useUserCompletedCertifications } from '~/libs/core'
@@ -41,20 +40,6 @@ const MemberTCAInfo: React.FC<MemberTCAInfoProps> = (props: MemberTCAInfoProps)
         LearnUserCertificationProgress | undefined, Dispatch<SetStateAction<LearnUserCertificationProgress | undefined>>
     ] = useState<LearnUserCertificationProgress | undefined>(undefined)
 
-    function renderTCACertificatePreview(ref?: MutableRefObject<HTMLDivElement | any>): ReactNode {
-        return (
-            <TCACertificatePreview
-                certification={selectedCertification?.topcoderCertification as TCACertification}
-                userName={selectedCertification?.userName || props.profile?.handle}
-                completedDate={selectedCertification?.completedAt as string}
-                completionUuid={selectedCertification?.completionUuid as string}
-                validateLink={validateLink}
-                certificateElRef={ref}
-                maxScale={Math.min()}
-            />
-        )
-    }
-
     function onCertClick(enrollment: TCACertificationEnrollmentBase): void {
         setCertPreviewModalIsOpen(true)
         setSelectedCertification(enrollment)
@@ -126,17 +111,28 @@ const MemberTCAInfo: React.FC<MemberTCAInfoProps> = (props: MemberTCAInfoProps)
             </div>
 
             {certPreviewModalIsOpen && (
-                <CertificateModal open onClose={handleHideCertPreviewModal}>
-                    {renderTCACertificatePreview()}
-                </CertificateModal>
+                <BaseModal
+                    onClose={handleHideCertPreviewModal}
+                    open
+                    size='body'
+                    theme='clear'
+                >
+                    <HiringManagerView
+                        certification={selectedCertification?.topcoderCertification as TCACertification}
+                        completionUuid={selectedCertification?.completionUuid as string}
+                        isModalView
+                        userProfile={props.profile as UserProfile}
+                        validationUrl={validateLink}
+                    />
+                </BaseModal>
             )}
 
             {coursePreviewModalIsOpen && (
                 <BaseModal
                     onClose={handleHideCoursePreviewModal}
                     open
                     size='body'
-                    theme='clear'
+                    title='TOPCODER ACADEMY'
                 >
                     <CertificateView
                         certification={selectedCourse?.certification as string}