fix: lint

Author: hentrymartin

src/apps/copilots/src/models/CopilotApplication.ts

@@ -3,4 +3,4 @@ export interface CopilotApplication {
     notes?: string,
     createdAt: Date,
     opportunityId: string,
-}
+}

src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx

@@ -2,9 +2,10 @@ import { FC, useCallback, useState } from 'react'
 
 import { BaseModal, Button, InputTextarea } from '~/libs/ui'
 
-import styles from './styles.module.scss'
 import { applyCopilotOpportunity } from '../../../services/copilot-opportunities'
 
+import styles from './styles.module.scss'
+
 interface ApplyOpportunityModalProps {
     onClose: () => void
     copilotOpportunityId: number
@@ -14,7 +15,7 @@ interface ApplyOpportunityModalProps {
 
 const ApplyOpportunityModal: FC<ApplyOpportunityModalProps> = props => {
     const [notes, setNotes] = useState('')
-    const [success, setSuccess] = useState(false);
+    const [success, setSuccess] = useState(false)
 
     const onApply = useCallback(async () => {
         await applyCopilotOpportunity(props.copilotOpportunityId, {
@@ -25,12 +26,20 @@ const ApplyOpportunityModal: FC<ApplyOpportunityModalProps> = props => {
         setSuccess(true)
     }, [props.copilotOpportunityId, notes])
 
+    const onChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+        setNotes(e.target.value)
+    }
+
     return (
         <BaseModal
             onClose={props.onClose}
             open
             size='lg'
-            title={success ? `Your Application for ${props.projectName} Has Been Received!` : `Confirm Your Copilot Application for ${props.projectName}`}
+            title={
+                success
+                    ? `Your Application for ${props.projectName} Has Been Received!`
+                    : `Confirm Your Copilot Application for ${props.projectName}`
+            }
             buttons={
                 !success ? (
                     <>
@@ -42,17 +51,28 @@ const ApplyOpportunityModal: FC<ApplyOpportunityModalProps> = props => {
                 )
             }
         >
-            
             <div className={styles.applyCopilotModal}>
                 <div className={styles.info}>
-                    {success ? 
-                        "We appreciate the time and effort you've taken to apply for this exciting opportunity. Our team is committed to providing a seamless and efficient process to ensure a great experience for all copilots. We will review your application within short time." : `We're excited to see your interest in joining our team as a copilot for the ${props.projectName} project! Before we proceed, we want to ensure that you have carefully reviewed the project requirements and are committed to meeting them.`}
+                    {
+                        success
+                            ? `We appreciate the time and effort you've taken to apply 
+                            for this exciting opportunity. Our team is committed 
+                            to providing a seamless and efficient process to ensure a 
+                            great experience for all copilots. We will review your application 
+                            within short time.`
+                            : `We're excited to see your interest in joining our team as a copilot 
+                            for the ${props.projectName} project! Before we proceed, we want to 
+                            ensure that you have carefully reviewed the project requirements and 
+                            are committed to meeting them.`
+                    }
                 </div>
                 {
                     !success && (
-                        <InputTextarea name="Notes" onChange={(e) => {
-                            setNotes(e.target.value)
-                        }} value={notes} />
+                        <InputTextarea
+                            name='Notes'
+                            onChange={onChange}
+                            value={notes}
+                        />
                     )
                 }
             </div>

src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx

@@ -1,7 +1,7 @@
 import { FC, useContext, useEffect, useMemo, useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
-import moment from 'moment'
 import { mutate } from 'swr'
+import moment from 'moment'
 
 import {
     ButtonProps,
@@ -12,11 +12,16 @@ import {
 } from '~/libs/ui'
 import { profileContext, ProfileContextData, UserRole } from '~/libs/core'
 
-import { copilotBaseUrl, CopilotOpportunityResponse, useCopilotApplications, useCopilotOpportunity } from '../../services/copilot-opportunities'
+import {
+    copilotBaseUrl,
+    CopilotOpportunityResponse,
+    useCopilotApplications,
+    useCopilotOpportunity,
+} from '../../services/copilot-opportunities'
 import { copilotRoutesMap } from '../../copilots.routes'
+import { ApplyOpportunityModal } from './apply-opportunity-modal'
 
 import styles from './styles.module.scss'
-import { ApplyOpportunityModal } from './apply-opportunity-modal'
 
 const CopilotOpportunityDetails: FC<{}> = () => {
     const { opportunityId }: {opportunityId?: string} = useParams<{ opportunityId?: string }>()
@@ -60,12 +65,23 @@ const CopilotOpportunityDetails: FC<{}> = () => {
         onClick: () => setShowApplyOpportunityModal(true),
     }
 
-    const onApplied = () => {
+    const onApplied: () => void = () => {
         mutate(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
     }
 
+    const onCloseApplyModal: () => void = () => {
+        setShowApplyOpportunityModal(false)
+    }
+
     return (
-        <ContentLayout title='Copilot Opportunity' buttonConfig={isCopilot && copilotApplications && copilotApplications.length === 0 ? applyCopilotOpportunityButton : undefined}>
+        <ContentLayout
+            title='Copilot Opportunity'
+            buttonConfig={
+                isCopilot
+                && copilotApplications
+                && copilotApplications.length === 0 ? applyCopilotOpportunityButton : undefined
+            }
+        >
             <PageTitle>Copilot Opportunity</PageTitle>
             {isValidating && !showNotFound && (
                 <LoadingSpinner />
@@ -153,7 +169,15 @@ const CopilotOpportunityDetails: FC<{}> = () => {
                 </div>
             </div>
             {
-                showApplyOpportunityModal && opportunity && <ApplyOpportunityModal copilotOpportunityId={opportunity?.id} onClose={() => setShowApplyOpportunityModal(false)} projectName={opportunity?.projectName} onApplied={onApplied} />
+                showApplyOpportunityModal
+                && opportunity && (
+                    <ApplyOpportunityModal
+                        copilotOpportunityId={opportunity?.id}
+                        onClose={onCloseApplyModal}
+                        projectName={opportunity?.projectName}
+                        onApplied={onApplied}
+                    />
+                )
             }
         </ContentLayout>
     )

src/apps/copilots/src/services/copilot-opportunities.ts

@@ -29,8 +29,8 @@ function copilotOpportunityFactory(data: any): CopilotOpportunity {
 
 /**
  * Creates a CopilotApplication object by merging the provided data and its nested data
- * @param data 
- * @returns 
+ * @param data
+ * @returns
  */
 function opportunityApplicationFactory(data: any): CopilotApplication[] {
     return data
@@ -100,15 +100,15 @@ export const useCopilotOpportunity = (opportunityId?: string): CopilotOpportunit
 
 /**
  * apply copilot opportunity
- * @param opportunityId 
- * @param request 
- * @returns 
+ * @param opportunityId
+ * @param request
+ * @returns
  */
 export const applyCopilotOpportunity = async (opportunityId: number, request: {
     notes?: string;
 }) => {
     const url = `${copilotBaseUrl}/copilots/opportunity/${opportunityId}/apply`
-    
+
     return xhrPostAsync(url, request, {})
 }
 
@@ -122,10 +122,11 @@ export const useCopilotApplications = (opportunityId?: string): CopilotApplicati
     const url = opportunityId ? buildUrl(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`) : undefined
 
     const fetcher = (urlp: string): Promise<CopilotApplication[]> => xhrGetAsync<CopilotApplication[]>(urlp)
-        .then((data) => data).catch(() => [])
+        .then(data => data)
+        .catch(() => [])
 
     return useSWR(url, fetcher, {
         refreshInterval: 0,
         revalidateOnFocus: false,
     })
-}
+}