From 92d56f778d5861a99782c551557580d172fab273 Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Tue, 6 May 2025 17:27:57 +0200
Subject: [PATCH 1/7] feat: apply for copilot opportunity

---
 .../copilots/src/models/CopilotApplication.ts |  6 ++
 .../ApplyOpportunityModal.tsx                 | 63 +++++++++++++++++++
 .../apply-opportunity-modal/index.ts          |  1 +
 .../styles.module.scss                        |  7 +++
 .../copilot-opportunity-details/index.tsx     | 29 ++++++++-
 .../src/services/copilot-opportunities.ts     | 52 +++++++++++++--
 .../profile-factory/user-role.enum.ts         |  3 +-
 7 files changed, 153 insertions(+), 8 deletions(-)
 create mode 100644 src/apps/copilots/src/models/CopilotApplication.ts
 create mode 100644 src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
 create mode 100644 src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/index.ts
 create mode 100644 src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/styles.module.scss

diff --git a/src/apps/copilots/src/models/CopilotApplication.ts b/src/apps/copilots/src/models/CopilotApplication.ts
new file mode 100644
index 000000000..750007b94
--- /dev/null
+++ b/src/apps/copilots/src/models/CopilotApplication.ts
@@ -0,0 +1,6 @@
+export interface CopilotApplication {
+    id: number,
+    notes?: string,
+    createdAt: Date,
+    opportunityId: string,
+}
\ No newline at end of file
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
new file mode 100644
index 000000000..3a2f493b4
--- /dev/null
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
@@ -0,0 +1,63 @@
+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'
+
+interface ApplyOpportunityModalProps {
+    onClose: () => void
+    copilotOpportunityId: number
+    projectName: string
+    onApplied: () => void
+}
+
+const ApplyOpportunityModal: FC<ApplyOpportunityModalProps> = props => {
+    const [notes, setNotes] = useState('')
+    const [success, setSuccess] = useState(false);
+
+    const onApply = useCallback(async () => {
+        await applyCopilotOpportunity(props.copilotOpportunityId, {
+            notes,
+        })
+
+        props.onApplied()
+        setSuccess(true)
+    }, [props.copilotOpportunityId, notes])
+
+    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}`}
+            buttons={
+                !success ? (
+                    <>
+                        <Button primary onClick={onApply} label='Apply' />
+                        <Button secondary onClick={props.onClose} label='Cancel' />
+                    </>
+                ) : (
+                    <Button primary onClick={props.onClose} label='Close' />
+                )
+            }
+        >
+            
+            <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.`}
+                </div>
+                {
+                    !success && (
+                        <InputTextarea name="Notes" onChange={(e) => {
+                            setNotes(e.target.value)
+                        }} value={notes} />
+                    )
+                }
+            </div>
+        </BaseModal>
+    )
+}
+
+export default ApplyOpportunityModal
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/index.ts b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/index.ts
new file mode 100644
index 000000000..e58259825
--- /dev/null
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/index.ts
@@ -0,0 +1 @@
+export { default as ApplyOpportunityModal } from './ApplyOpportunityModal'
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/styles.module.scss b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/styles.module.scss
new file mode 100644
index 000000000..897a31420
--- /dev/null
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/styles.module.scss
@@ -0,0 +1,7 @@
+@import '@libs/ui/styles/includes';
+
+.applyCopilotModal {
+  .info {
+    margin-bottom: 12px;
+  }
+}
\ No newline at end of file
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
index 9d1fd8b21..2f9302964 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
@@ -1,23 +1,34 @@
-import { FC, useEffect, useState } from 'react'
+import { FC, useContext, useEffect, useMemo, useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
 import moment from 'moment'
+import { mutate } from 'swr'
 
 import {
+    ButtonProps,
     ContentLayout,
     IconOutline,
     LoadingSpinner,
     PageTitle,
 } from '~/libs/ui'
+import { profileContext, ProfileContextData, UserRole } from '~/libs/core'
 
-import { CopilotOpportunityResponse, useCopilotOpportunity } from '../../services/copilot-opportunities'
+import { copilotBaseUrl, CopilotOpportunityResponse, useCopilotApplications, useCopilotOpportunity } from '../../services/copilot-opportunities'
 import { copilotRoutesMap } from '../../copilots.routes'
 
 import styles from './styles.module.scss'
+import { ApplyOpportunityModal } from './apply-opportunity-modal'
 
 const CopilotOpportunityDetails: FC<{}> = () => {
     const { opportunityId }: {opportunityId?: string} = useParams<{ opportunityId?: string }>()
     const navigate = useNavigate()
     const [showNotFound, setShowNotFound] = useState(false)
+    const [showApplyOpportunityModal, setShowApplyOpportunityModal] = useState(false)
+    const { profile }: ProfileContextData = useContext(profileContext)
+    const isCopilot: boolean = useMemo(
+        () => !!profile?.roles?.some(role => role === UserRole.copilot),
+        [profile],
+    )
+    const { data: copilotApplications } = useCopilotApplications(opportunityId)
 
     if (!opportunityId) {
         navigate(copilotRoutesMap.CopilotOpportunityList)
@@ -44,8 +55,17 @@ const CopilotOpportunityDetails: FC<{}> = () => {
         )
     }
 
+    const applyCopilotOpportunityButton: ButtonProps = {
+        label: 'Apply as Copilot',
+        onClick: () => setShowApplyOpportunityModal(true),
+    }
+
+    const onApplied = () => {
+        mutate(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
+    }
+
     return (
-        <ContentLayout title='Copilot Opportunity'>
+        <ContentLayout title='Copilot Opportunity' buttonConfig={isCopilot && copilotApplications && copilotApplications.length === 0 ? applyCopilotOpportunityButton : undefined}>
             <PageTitle>Copilot Opportunity</PageTitle>
             {isValidating && !showNotFound && (
                 <LoadingSpinner />
@@ -132,6 +152,9 @@ const CopilotOpportunityDetails: FC<{}> = () => {
                     <span className={styles.textCaps}>{opportunity?.requiresCommunication}</span>
                 </div>
             </div>
+            {
+                showApplyOpportunityModal && opportunity && <ApplyOpportunityModal copilotOpportunityId={opportunity?.id} onClose={() => setShowApplyOpportunityModal(false)} projectName={opportunity?.projectName} onApplied={onApplied} />
+            }
         </ContentLayout>
     )
 }
diff --git a/src/apps/copilots/src/services/copilot-opportunities.ts b/src/apps/copilots/src/services/copilot-opportunities.ts
index 22bc19e96..2bfede410 100644
--- a/src/apps/copilots/src/services/copilot-opportunities.ts
+++ b/src/apps/copilots/src/services/copilot-opportunities.ts
@@ -2,12 +2,13 @@ import useSWR, { SWRResponse } from 'swr'
 import useSWRInfinite, { SWRInfiniteResponse } from 'swr/infinite'
 
 import { EnvironmentConfig } from '~/config'
-import { xhrGetAsync } from '~/libs/core'
+import { xhrGetAsync, xhrPostAsync } from '~/libs/core'
 import { buildUrl } from '~/libs/shared/lib/utils/url'
 
 import { CopilotOpportunity } from '../models/CopilotOpportunity'
+import { CopilotApplication } from '../models/CopilotApplication'
 
-const baseUrl = `${EnvironmentConfig.API.V5}/projects`
+export const copilotBaseUrl = `${EnvironmentConfig.API.V5}/projects`
 
 const PAGE_SIZE = 20
 
@@ -26,6 +27,15 @@ function copilotOpportunityFactory(data: any): CopilotOpportunity {
     }
 }
 
+/**
+ * Creates a CopilotApplication object by merging the provided data and its nested data
+ * @param data 
+ * @returns 
+ */
+function opportunityApplicationFactory(data: any): CopilotApplication[] {
+    return data
+}
+
 export interface CopilotOpportunitiesResponse {
     isValidating: boolean;
     data: CopilotOpportunity[];
@@ -42,7 +52,7 @@ export interface CopilotOpportunitiesResponse {
 export const useCopilotOpportunities = (): CopilotOpportunitiesResponse => {
     const getKey = (pageIndex: number, previousPageData: CopilotOpportunity[]): string | undefined => {
         if (previousPageData && previousPageData.length < PAGE_SIZE) return undefined
-        return `${baseUrl}/copilots/opportunities?page=${pageIndex + 1}&pageSize=${PAGE_SIZE}&sort=createdAt desc`
+        return `${copilotBaseUrl}/copilots/opportunities?page=${pageIndex + 1}&pageSize=${PAGE_SIZE}&sort=createdAt desc`
     }
 
     const fetcher = (url: string): Promise<CopilotOpportunity[]> => xhrGetAsync<CopilotOpportunity[]>(url)
@@ -68,6 +78,8 @@ export const useCopilotOpportunities = (): CopilotOpportunitiesResponse => {
 
 export type CopilotOpportunityResponse = SWRResponse<CopilotOpportunity, CopilotOpportunity>
 
+export type CopilotApplicationResponse = SWRResponse<CopilotApplication[], CopilotApplication[]>
+
 /**
  * Custom hook to fetch copilot opportunity by id.
  *
@@ -75,7 +87,7 @@ export type CopilotOpportunityResponse = SWRResponse<CopilotOpportunity, Copilot
  * @returns {CopilotOpportunityResponse} - The response containing the copilot request data.
  */
 export const useCopilotOpportunity = (opportunityId?: string): CopilotOpportunityResponse => {
-    const url = opportunityId ? buildUrl(`${baseUrl}/copilot/opportunity/${opportunityId}`) : undefined
+    const url = opportunityId ? buildUrl(`${copilotBaseUrl}/copilot/opportunity/${opportunityId}`) : undefined
 
     const fetcher = (urlp: string): Promise<CopilotOpportunity> => xhrGetAsync<CopilotOpportunity>(urlp)
         .then(copilotOpportunityFactory)
@@ -85,3 +97,35 @@ export const useCopilotOpportunity = (opportunityId?: string): CopilotOpportunit
         revalidateOnFocus: false,
     })
 }
+
+/**
+ * apply copilot opportunity
+ * @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, {})
+}
+
+/**
+ * Custom hook to fetch copilot applications by opportunity id.
+ *
+ * @param {string} opportunityId - The unique identifier of the copilot request.
+ * @returns {CopilotApplicationResponse} - The response containing the copilot application data.
+ */
+export const useCopilotApplications = (opportunityId?: string): CopilotApplicationResponse => {
+    const url = opportunityId ? buildUrl(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`) : undefined
+
+    const fetcher = (urlp: string): Promise<CopilotApplication[]> => xhrGetAsync<CopilotApplication[]>(urlp)
+        .then((data) => data).catch(() => [])
+
+    return useSWR(url, fetcher, {
+        refreshInterval: 0,
+        revalidateOnFocus: false,
+    })
+}
\ No newline at end of file
diff --git a/src/libs/core/lib/profile/profile-functions/profile-factory/user-role.enum.ts b/src/libs/core/lib/profile/profile-functions/profile-factory/user-role.enum.ts
index 02d703ef5..321da1828 100644
--- a/src/libs/core/lib/profile/profile-functions/profile-factory/user-role.enum.ts
+++ b/src/libs/core/lib/profile/profile-functions/profile-factory/user-role.enum.ts
@@ -11,5 +11,6 @@ export enum UserRole {
     paymentProviderViewer = 'PaymentProvider Viewer',
     projectManager = 'Project Manager',
     taxFormAdmin = 'TaxForm Admin',
-    taxFormViewer = 'TaxForm Viewer'
+    taxFormViewer = 'TaxForm Viewer',
+    copilot = 'copilot'
 }

From 3692ce4acf6441fbfa34fcd4921e5c2269409014 Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Tue, 6 May 2025 17:29:07 +0200
Subject: [PATCH 2/7] fix: deploy dev config change

---
 .circleci/config.yml | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index 933f28cfa..d12ec73ae 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -221,6 +221,7 @@ workflows:
                               - dev
                               - LVT-256
                               - CORE-635
+                              - pm-578
 
             - deployQa:
                   context: org-global

From 63d486a6c8545d65e220636889a89503c7acddc1 Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Tue, 6 May 2025 18:00:05 +0200
Subject: [PATCH 3/7] fix: lint

---
 .../copilots/src/models/CopilotApplication.ts |  2 +-
 .../ApplyOpportunityModal.tsx                 | 38 ++++++++++++++-----
 .../copilot-opportunity-details/index.tsx     | 36 +++++++++++++++---
 .../src/services/copilot-opportunities.ts     | 17 +++++----
 4 files changed, 69 insertions(+), 24 deletions(-)

diff --git a/src/apps/copilots/src/models/CopilotApplication.ts b/src/apps/copilots/src/models/CopilotApplication.ts
index 750007b94..d9ab68ed5 100644
--- a/src/apps/copilots/src/models/CopilotApplication.ts
+++ b/src/apps/copilots/src/models/CopilotApplication.ts
@@ -3,4 +3,4 @@ export interface CopilotApplication {
     notes?: string,
     createdAt: Date,
     opportunityId: string,
-}
\ No newline at end of file
+}
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
index 3a2f493b4..20bfb95c8 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
+++ b/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>
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
index 2f9302964..305509878 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
+++ b/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>
     )
diff --git a/src/apps/copilots/src/services/copilot-opportunities.ts b/src/apps/copilots/src/services/copilot-opportunities.ts
index 2bfede410..c4405b307 100644
--- a/src/apps/copilots/src/services/copilot-opportunities.ts
+++ b/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,
     })
-}
\ No newline at end of file
+}

From 070098b7bf622b9a2b8c14a867bd3c303a0b6c0c Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Tue, 6 May 2025 19:53:57 +0200
Subject: [PATCH 4/7] fix: lint

---
 .../ApplyOpportunityModal.tsx                 |  2 +-
 .../copilot-opportunity-details/index.tsx     |  5 +++--
 .../src/services/copilot-opportunities.ts     | 19 +++++++------------
 3 files changed, 11 insertions(+), 15 deletions(-)

diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
index 20bfb95c8..9f75339df 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
@@ -26,7 +26,7 @@ const ApplyOpportunityModal: FC<ApplyOpportunityModalProps> = props => {
         setSuccess(true)
     }, [props.copilotOpportunityId, notes])
 
-    const onChange = (e: React.ChangeEvent<HTMLTextAreaElement>) => {
+    const onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void = e => {
         setNotes(e.target.value)
     }
 
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
index 305509878..098ec5c88 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
@@ -12,6 +12,7 @@ import {
 } from '~/libs/ui'
 import { profileContext, ProfileContextData, UserRole } from '~/libs/core'
 
+import { CopilotApplication } from '../../models/CopilotApplication'
 import {
     copilotBaseUrl,
     CopilotOpportunityResponse,
@@ -19,8 +20,8 @@ import {
     useCopilotOpportunity,
 } from '../../services/copilot-opportunities'
 import { copilotRoutesMap } from '../../copilots.routes'
-import { ApplyOpportunityModal } from './apply-opportunity-modal'
 
+import { ApplyOpportunityModal } from './apply-opportunity-modal'
 import styles from './styles.module.scss'
 
 const CopilotOpportunityDetails: FC<{}> = () => {
@@ -33,7 +34,7 @@ const CopilotOpportunityDetails: FC<{}> = () => {
         () => !!profile?.roles?.some(role => role === UserRole.copilot),
         [profile],
     )
-    const { data: copilotApplications } = useCopilotApplications(opportunityId)
+    const { data: copilotApplications }: { data?: CopilotApplication[] } = useCopilotApplications(opportunityId)
 
     if (!opportunityId) {
         navigate(copilotRoutesMap.CopilotOpportunityList)
diff --git a/src/apps/copilots/src/services/copilot-opportunities.ts b/src/apps/copilots/src/services/copilot-opportunities.ts
index c4405b307..4a9daf8ba 100644
--- a/src/apps/copilots/src/services/copilot-opportunities.ts
+++ b/src/apps/copilots/src/services/copilot-opportunities.ts
@@ -27,15 +27,6 @@ function copilotOpportunityFactory(data: any): CopilotOpportunity {
     }
 }
 
-/**
- * Creates a CopilotApplication object by merging the provided data and its nested data
- * @param data
- * @returns
- */
-function opportunityApplicationFactory(data: any): CopilotApplication[] {
-    return data
-}
-
 export interface CopilotOpportunitiesResponse {
     isValidating: boolean;
     data: CopilotOpportunity[];
@@ -52,7 +43,9 @@ export interface CopilotOpportunitiesResponse {
 export const useCopilotOpportunities = (): CopilotOpportunitiesResponse => {
     const getKey = (pageIndex: number, previousPageData: CopilotOpportunity[]): string | undefined => {
         if (previousPageData && previousPageData.length < PAGE_SIZE) return undefined
-        return `${copilotBaseUrl}/copilots/opportunities?page=${pageIndex + 1}&pageSize=${PAGE_SIZE}&sort=createdAt desc`
+        return `
+            ${copilotBaseUrl}/copilots/opportunities?page=${pageIndex + 1}&pageSize=${PAGE_SIZE}&sort=createdAt desc
+        `
     }
 
     const fetcher = (url: string): Promise<CopilotOpportunity[]> => xhrGetAsync<CopilotOpportunity[]>(url)
@@ -106,7 +99,7 @@ export const useCopilotOpportunity = (opportunityId?: string): CopilotOpportunit
  */
 export const applyCopilotOpportunity = async (opportunityId: number, request: {
     notes?: string;
-}) => {
+}): Promise<CopilotApplication> => {
     const url = `${copilotBaseUrl}/copilots/opportunity/${opportunityId}/apply`
 
     return xhrPostAsync(url, request, {})
@@ -119,7 +112,9 @@ export const applyCopilotOpportunity = async (opportunityId: number, request: {
  * @returns {CopilotApplicationResponse} - The response containing the copilot application data.
  */
 export const useCopilotApplications = (opportunityId?: string): CopilotApplicationResponse => {
-    const url = opportunityId ? buildUrl(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`) : undefined
+    const url = opportunityId
+        ? buildUrl(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
+        : undefined
 
     const fetcher = (urlp: string): Promise<CopilotApplication[]> => xhrGetAsync<CopilotApplication[]>(urlp)
         .then(data => data)

From 54fbb38dcd0e18c960c9bd8e61ac1d0d0dd578c8 Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Tue, 6 May 2025 19:59:27 +0200
Subject: [PATCH 5/7] fix: lint

---
 .../apply-opportunity-modal/ApplyOpportunityModal.tsx            | 1 +
 .../copilots/src/pages/copilot-opportunity-details/index.tsx     | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
index 9f75339df..7fc9b6642 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-bind */
 import { FC, useCallback, useState } from 'react'
 
 import { BaseModal, Button, InputTextarea } from '~/libs/ui'
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
index 098ec5c88..9ea38afc8 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
@@ -1,3 +1,4 @@
+/* eslint-disable react/jsx-no-bind */
 import { FC, useContext, useEffect, useMemo, useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
 import { mutate } from 'swr'

From 49286f40631ed2cf3e469b7f3533f40c344d4872 Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Wed, 7 May 2025 17:31:32 +0200
Subject: [PATCH 6/7] fix: review comments

---
 .../ApplyOpportunityModal.tsx                 | 18 +++++++------
 .../copilot-opportunity-details/index.tsx     | 25 ++++++++++++-------
 .../src/services/copilot-opportunities.ts     |  5 +---
 3 files changed, 28 insertions(+), 20 deletions(-)

diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
index 7fc9b6642..48fd2f364 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/apply-opportunity-modal/ApplyOpportunityModal.tsx
@@ -19,17 +19,21 @@ const ApplyOpportunityModal: FC<ApplyOpportunityModalProps> = props => {
     const [success, setSuccess] = useState(false)
 
     const onApply = useCallback(async () => {
-        await applyCopilotOpportunity(props.copilotOpportunityId, {
-            notes,
-        })
+        try {
+            await applyCopilotOpportunity(props.copilotOpportunityId, {
+                notes,
+            })
 
-        props.onApplied()
-        setSuccess(true)
+            props.onApplied()
+            setSuccess(true)
+        } catch (e) {
+            setSuccess(true)
+        }
     }, [props.copilotOpportunityId, notes])
 
-    const onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void = e => {
+    const onChange: (e: React.ChangeEvent<HTMLTextAreaElement>) => void = useCallback(e => {
         setNotes(e.target.value)
-    }
+    }, [setNotes])
 
     return (
         <BaseModal
diff --git a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
index 9ea38afc8..ea88a5a2f 100644
--- a/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
+++ b/src/apps/copilots/src/pages/copilot-opportunity-details/index.tsx
@@ -1,5 +1,12 @@
 /* eslint-disable react/jsx-no-bind */
-import { FC, useContext, useEffect, useMemo, useState } from 'react'
+import {
+    FC,
+    useCallback,
+    useContext,
+    useEffect,
+    useMemo,
+    useState,
+} from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
 import { mutate } from 'swr'
 import moment from 'moment'
@@ -53,6 +60,14 @@ const CopilotOpportunityDetails: FC<{}> = () => {
         return () => clearTimeout(timer) // Cleanup on unmount
     }, [opportunity])
 
+    const onApplied: () => void = useCallback(() => {
+        mutate(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
+    }, [])
+
+    const onCloseApplyModal: () => void = useCallback(() => {
+        setShowApplyOpportunityModal(false)
+    }, [setShowApplyOpportunityModal])
+
     if (!opportunity && showNotFound) {
         return (
             <ContentLayout title='Copilot Opportunity Details'>
@@ -67,14 +82,6 @@ const CopilotOpportunityDetails: FC<{}> = () => {
         onClick: () => setShowApplyOpportunityModal(true),
     }
 
-    const onApplied: () => void = () => {
-        mutate(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
-    }
-
-    const onCloseApplyModal: () => void = () => {
-        setShowApplyOpportunityModal(false)
-    }
-
     return (
         <ContentLayout
             title='Copilot Opportunity'
diff --git a/src/apps/copilots/src/services/copilot-opportunities.ts b/src/apps/copilots/src/services/copilot-opportunities.ts
index 4a9daf8ba..76589f443 100644
--- a/src/apps/copilots/src/services/copilot-opportunities.ts
+++ b/src/apps/copilots/src/services/copilot-opportunities.ts
@@ -120,8 +120,5 @@ export const useCopilotApplications = (opportunityId?: string): CopilotApplicati
         .then(data => data)
         .catch(() => [])
 
-    return useSWR(url, fetcher, {
-        refreshInterval: 0,
-        revalidateOnFocus: false,
-    })
+    return useSWR(url, fetcher)
 }

From c767c8b2fa02c0c75d57f15b975290b9628d1d68 Mon Sep 17 00:00:00 2001
From: Hentry Martin <hentrymartin.p@gmail.com>
Date: Wed, 7 May 2025 17:41:28 +0200
Subject: [PATCH 7/7] removed circle config

---
 .circleci/config.yml | 1 -
 1 file changed, 1 deletion(-)

diff --git a/.circleci/config.yml b/.circleci/config.yml
index d12ec73ae..933f28cfa 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -221,7 +221,6 @@ workflows:
                               - dev
                               - LVT-256
                               - CORE-635
-                              - pm-578
 
             - deployQa:
                   context: org-global