TCA-499 auto fixes

Author: brooketopcoder

src-ts/lib/modals/base-modal/use-fetch-modal-content.tsx

@@ -1,4 +1,4 @@
-import {Dispatch, SetStateAction, useEffect, useState} from 'react'
+import { Dispatch, SetStateAction, useEffect, useState } from 'react'
 
 import { xhrGetAsync } from '../../functions'
 
@@ -15,7 +15,8 @@ export function useFetchModalContent(contentUrl?: string, enabled?: boolean): Mo
         }
 
         if (!content) {
-            xhrGetAsync<string>(contentUrl).then(setContent)
+            xhrGetAsync<string>(contentUrl)
+                .then(setContent)
         }
     }, [contentUrl, content, enabled])
 

src-ts/tools/learn/learn-lib/data-providers/all-certifications-provider/all-certifications.provider.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable default-param-last */
 import useSWR, { SWRConfiguration, SWRResponse } from 'swr'
 
 import { learnUrlGet } from '../../functions'
@@ -11,16 +12,16 @@ interface CertificationsAllProviderOptions {
 
 export function useGetAllCertifications(
     providerName: string = 'freeCodeCamp',
-    options?: CertificationsAllProviderOptions
+    options?: CertificationsAllProviderOptions,
 ): AllCertificationsProviderData {
 
     const url: string = learnUrlGet(
         'certifications',
-        `?providerName=${providerName}`
+        `?providerName=${providerName}`,
     )
     const swrCacheConfig: SWRConfiguration = useSwrCache(url)
 
-    const {data, error}: SWRResponse = useSWR(url, {
+    const { data, error }: SWRResponse = useSWR(url, {
         ...swrCacheConfig,
         isPaused: () => options?.enabled === false,
     })
@@ -36,16 +37,16 @@ export function useGetAllCertifications(
 export function useGetCertification(
     providerName: string = 'freeCodeCamp',
     certificationId: string,
-    options?: CertificationsAllProviderOptions
+    options?: CertificationsAllProviderOptions,
 ): AllCertificationsProviderData {
 
     const url: string = learnUrlGet(
         'certifications',
         certificationId,
-        `?providerName=${providerName}`
+        `?providerName=${providerName}`,
     )
 
-    const {data, error}: SWRResponse = useSWR(url, {
+    const { data, error }: SWRResponse = useSWR(url, {
         isPaused: () => options?.enabled === false,
     })
     return {

src-ts/tools/learn/learn-lib/data-providers/courses-provider/courses.provider.tsx

@@ -9,7 +9,7 @@ import { LearnCourse } from './learn-course.model'
 
 export function useGetCourses(
     provider: string,
-    certification?: string
+    certification?: string,
 ): CoursesProviderData {
 
     const params: string = [
@@ -22,7 +22,7 @@ export function useGetCourses(
     const url: string = learnUrlGet('courses', `?${params}`)
     const swrCacheConfig: SWRConfiguration = useSwrCache(url)
 
-    const {data, error}: SWRResponse<ReadonlyArray<LearnCourse>> = useSWR(url, swrCacheConfig)
+    const { data, error }: SWRResponse<ReadonlyArray<LearnCourse>> = useSWR(url, swrCacheConfig)
 
     return {
         course: get(data, [0]),

src-ts/tools/learn/learn-lib/data-providers/lesson-provider/lesson.provider.tsx

@@ -21,7 +21,9 @@ export function useGetLesson(
         courseData?.key ?? course,
         module,
         lesson,
-    ].filter(Boolean).join('/')
+    ]
+        .filter(Boolean)
+        .join('/')
 
     return {
         lesson: !lessonData ? undefined : {

src-ts/tools/learn/learn-lib/data-providers/resource-provider-provider/resource-provider.provider.tsx

@@ -12,11 +12,11 @@ export function useGetResourceProvider(providerName?: string): ResourceProviderD
     const url: string = learnUrlGet('providers')
     const swrCacheConfig: SWRConfiguration = useSwrCache(url)
 
-    const {data, error}: SWRResponse<ReadonlyArray<ResourceProvider>> = useSWR(url, swrCacheConfig)
+    const { data, error }: SWRResponse<ReadonlyArray<ResourceProvider>> = useSWR(url, swrCacheConfig)
 
     return {
         loading: !data && !error,
-        provider: find(data, {name: providerName}),
+        provider: find(data, { name: providerName }),
         ready: !!data || !!error,
     }
 }

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certification-progress.provider.tsx

@@ -9,7 +9,7 @@ import { LearnUserCertificationProgress } from './user-certifications-functions'
 export function useGetUserCertificationProgress(
     userId?: number,
     provider?: string,
-    certification?: string
+    certification?: string,
 ):
     UserCertificationProgressProviderData {
 
@@ -28,10 +28,10 @@ export function useGetUserCertificationProgress(
     })
 
     return {
-        certificationProgress: find(data, {certification}),
+        certificationProgress: find(data, { certification }),
         loading: !!userId && !data && !error,
         ready: !userId || data || error,
         refetch: () => mutate(),
-        setCertificateProgress: (progress) => mutate([progress]),
+        setCertificateProgress: progress => mutate([progress]),
     }
 }

src-ts/tools/learn/learn-lib/data-providers/user-certifications-provider/user-certifications.provider.tsx

@@ -29,17 +29,25 @@ export function useGetUserCertifications(
     })
     const loading: boolean = !data && !error
 
-    const completed: ReadonlyArray<UserCertificationCompleted> = useMemo(() => data
-        ?.filter(c => c.status === UserCertificationProgressStatus.completed)
-        .map(c => c as UserCertificationCompleted)
-        .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()) ?? []
-    , [data])
-
-    const inProgress: ReadonlyArray<UserCertificationInProgress> = useMemo(() => data
-        ?.filter(c => c.status === UserCertificationProgressStatus.inProgress)
-        .map(c => c as UserCertificationInProgress)
-        .sort((a, b) => new Date(b.updatedAt).getTime() - new Date(a.updatedAt).getTime()) ?? []
-    , [data])
+    const completed: ReadonlyArray<UserCertificationCompleted> = useMemo(
+        () => data
+            ?.filter(c => c.status === UserCertificationProgressStatus.completed)
+            .map(c => c as UserCertificationCompleted)
+            .sort((a, b) => new Date(b.updatedAt)
+                .getTime() - new Date(a.updatedAt)
+                .getTime()) ?? [],
+        [data],
+    )
+
+    const inProgress: ReadonlyArray<UserCertificationInProgress> = useMemo(
+        () => data
+            ?.filter(c => c.status === UserCertificationProgressStatus.inProgress)
+            .map(c => c as UserCertificationInProgress)
+            .sort((a, b) => new Date(b.updatedAt)
+                .getTime() - new Date(a.updatedAt)
+                .getTime()) ?? [],
+        [data],
+    )
 
     if (error) {
         errorHandle(error, 'There was an error getting your course progress.')

src-ts/tools/learn/learn-lib/data-providers/user-completed-certifications-provider/user-completed-certifications.provider.tsx

@@ -8,20 +8,19 @@ import { UserCompletedCertificationsProviderData } from './user-completed-certif
 export function useGetUserCompletedCertifications(
     userId?: number,
     provider?: string,
-    certification?: string
+    certification?: string,
 ): UserCompletedCertificationsProviderData {
 
     const url: string = learnUrlGet('completed-certifications', `${userId}`)
 
-    const {data, error}: SWRResponse<ReadonlyArray<LearnUserCompletedCertification>> = useSWR(url)
+    const { data, error }: SWRResponse<ReadonlyArray<LearnUserCompletedCertification>> = useSWR(url)
 
     let certifications: ReadonlyArray<LearnUserCompletedCertification> = data ?? []
 
     if (provider || certification) {
-        certifications = certifications.filter((c) => {
-            return (!provider || c.provider === provider) &&
-            (!certification || c.certification === certification)
-        })
+        certifications = certifications
+            .filter(c => (!provider || c.provider === provider)
+                && (!certification || c.certification === certification))
     }
 
     return {

src-ts/tools/learn/learn-lib/learn-swr/LearnSwr.tsx

@@ -7,20 +7,17 @@ interface LearnSwrProps {
     children: ReactNode
 }
 
-const LearnSwr: FC<LearnSwrProps> = (props: LearnSwrProps) => {
-
-    return (
-        <SWRConfig
-            value={{
-                fetcher: (resource) => learnXhrGetAsync(resource),
-                refreshInterval: 0,
-                revalidateOnFocus: false,
-                revalidateOnMount: true,
-            }}
-        >
-            {props.children}
-        </SWRConfig>
-    )
-}
+const LearnSwr: FC<LearnSwrProps> = (props: LearnSwrProps) => (
+    <SWRConfig
+        value={{
+            fetcher: resource => learnXhrGetAsync(resource),
+            refreshInterval: 0,
+            revalidateOnFocus: false,
+            revalidateOnMount: true,
+        }}
+    >
+        {props.children}
+    </SWRConfig>
+)
 
 export default LearnSwr

src-ts/tools/learn/learn-lib/learn-swr/use-swr-cache.tsx

@@ -10,9 +10,10 @@ if (typeof window !== 'undefined') {
 
     // parse the loaded data, and load it into swr's in-memory cache
     if (cacheMap) {
-        Object.entries(cacheMap).forEach(([key, data]) => {
-            mutate(key, data, {revalidate: false})
-        })
+        Object.entries(cacheMap)
+            .forEach(([key, data]) => {
+                mutate(key, data, { revalidate: false })
+            })
     }
 }
 

src-ts/tools/work/work-self-service/intake-forms/review/Review.tsx

@@ -283,6 +283,7 @@ const output: () => JSX.Element = () => {
             apiVersion: EnvironmentConfig.STRIPE.API_VERSION,
         })
     }
+
     return (
         <Elements stripe={stripePromise as Promise<Stripe>}>
             <Review />