Update linting in learn app

Author: vas3a

src-ts/tools/learn/course-completed/CourseCompletedPage.tsx

@@ -76,12 +76,23 @@ const CourseCompletedPage: FC<{}> = () => {
         { enabled: !!tcaCertificationName },
     )
 
-    const isLoggedIn: boolean = profileReady && !!profile
-    const certificatesDataReady: boolean = progressReady && certifReady
-    const tcaCertReady: boolean = progressReady && (!progress?.id || !!tcaCertifCompletedCheckReady)
-    const ready: boolean = profileReady && courseDataReady && (
-        !isLoggedIn || (certificatesDataReady && tcaCertReady)
-    )
+    const ready: boolean = useMemo(() => {
+        const isLoggedIn: boolean = profileReady && !!profile
+        const certificatesDataReady: boolean = progressReady && certifReady
+        const tcaCertReady: boolean = progressReady && (!progress?.id || !!tcaCertifCompletedCheckReady)
+
+        return profileReady && courseDataReady && (
+            !isLoggedIn || (certificatesDataReady && tcaCertReady)
+        )
+    }, [
+        certifReady,
+        courseDataReady,
+        profile,
+        profileReady,
+        progress?.id,
+        progressReady,
+        tcaCertifCompletedCheckReady,
+    ])
 
     const location: any = useLocation()
 

src-ts/tools/learn/course-completed/tca-certification-view/TCACertificationView.tsx

@@ -10,7 +10,9 @@ import styles from '../CourseCompletedPage.module.scss'
 interface TCACertificationViewProps {
     courseData: LearnCourse
     certification?: TCACertification
+    // eslint-disable-next-line react/no-unused-prop-types
     certificationParam: string
+    // eslint-disable-next-line react/no-unused-prop-types
     userHandle?: string
 }
 

src-ts/tools/learn/learn-lib/course-title/CourseTitle.tsx

@@ -39,7 +39,10 @@ const CourseTitle: FC<CourseTitleProps> = (props: CourseTitleProps) => {
         <div className={classNames(styles.wrap, props.size)}>
             <div className={classNames('badge-icon', props.size)}>
                 {props.badgeType === TitleBadgeType.tcaCertification ? (
-                    <CertificateBadgeIcon type={props.trackType ?? 'DEV'} level={props.learnLevel!} />
+                    <CertificateBadgeIcon
+                        type={props.trackType ?? 'DEV'}
+                        level={props.learnLevel as TCACertificationLearnLevel}
+                    />
                 ) : (
                     <CourseBadge type={props.trackType ?? 'DEV'} />
                 )}

src-ts/tools/learn/tca-certificate/certificate-view/CertificateView.tsx

@@ -28,7 +28,6 @@ const CertificateView: FC<{}> = () => {
     const userHandle: string = `${routeParams.memberHandle}`
     const certificationParam: string = routeParams.certification ?? ''
 
-
     const tcaCertificationPath: string = getTCACertificationPath(certificationParam)
 
     const {

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

@@ -17,7 +17,8 @@ const placeholderUserProfile: UserProfile = {
 } as UserProfile
 
 const placeholderEnrollment: TCACertificationEnrollmentBase = {
-    completedAt: new Date().toISOString(),
+    completedAt: new Date()
+        .toISOString(),
     completionUuid: 'test-uuid',
     userHandle: 'your_handle',
     userName: 'Your Name',