PROD-2534 - fix lint issues

Author: vas3a

src-ts/tools/learn/course-details/CourseDetailsPage.tsx

@@ -85,6 +85,21 @@ const CourseDetailsPage: FC<{}> = () => {
         )
     }
 
+    function getFooter(): ReactNode {
+        if (!resourceProvider) {
+            return
+        }
+
+        return (
+            <div className={styles['credits-link']}>
+                <a href={`//${resourceProvider.url}`} target='_blank' referrerPolicy='no-referrer' rel='noreferrer'>
+                    This course was created by the {resourceProvider.url} community.
+                    <IconOutline.ExternalLinkIcon />
+                </a>
+            </div>
+        )
+    }
+
     return (
         <ContentLayout>
             {!ready && (
@@ -121,14 +136,7 @@ const CourseDetailsPage: FC<{}> = () => {
                             />
                         </div>
                     </div>
-                    {resourceProvider && (
-                        <div className={styles['credits-link']}>
-                            <a href={`//${resourceProvider.url}`} target='_blank' referrerPolicy='no-referrer' rel='noreferrer'>
-                                This course was created by the {resourceProvider.url} community.
-                                <IconOutline.ExternalLinkIcon />
-                            </a>
-                        </div>
-                    )}
+                    {getFooter()}
                 </>
             )}
         </ContentLayout>

src-ts/tools/learn/learn-lib/resource-provider-provider/resource-provider-data.model.ts

@@ -1,7 +1,7 @@
 import { ResourceProvider } from './resource-provider-functions'
 
 export interface ResourceProviderData {
-    provider?: ResourceProvider
     loading: boolean
+    provider?: ResourceProvider
     ready: boolean
 }

src-ts/tools/learn/learn-lib/resource-provider-provider/resource-provider-functions/resource-provider.model.ts

@@ -1,6 +1,6 @@
 export interface ResourceProvider {
     attributionStatement: string
     id: string
-    url: string
     name: string
+    url: string
 }

src-ts/tools/learn/learn-lib/resource-provider-provider/resource-provider-functions/resource-provider.store.ts

@@ -1,7 +1,7 @@
 import { xhrGetAsync } from '../../../../../lib/functions'
 import { getPath } from '../../learn-url.config'
-import { ResourceProvider } from './resource-provider.model'
 
+import { ResourceProvider } from './resource-provider.model'
 
 export function getResourceProvidersAsync(): Promise<Array<ResourceProvider>|undefined> {
     return xhrGetAsync<Array<ResourceProvider>>(getPath(

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

@@ -1,4 +1,5 @@
 import { Dispatch, SetStateAction, useEffect, useState } from 'react'
+
 import { ResourceProviderData } from './resource-provider-data.model'
 import { getResourceProvidersAsync } from './resource-provider-functions/resource-provider.store'
 
@@ -7,13 +8,13 @@ export function useResourceProvider(providerName?: string): ResourceProviderData
         loading: false,
         ready: false,
     })
-    
+
     useEffect(() => {
         if (!providerName) {
             setState((prevState) => ({
                 ...prevState,
-                provider: undefined,
                 loading: false,
+                provider: undefined,
                 ready: false,
             }))
             return
@@ -27,12 +28,12 @@ export function useResourceProvider(providerName?: string): ResourceProviderData
         getResourceProvidersAsync().then((providers) => {
             setState((prevState) => ({
                 ...prevState,
-                provider: providers?.find(p => p.name === providerName),
                 loading: false,
+                provider: providers?.find(p => p.name === providerName),
                 ready: true,
             }))
         })
     }, [providerName])
 
     return state
-}
+}