fix: show invite button only for active projects

Author: hentrymartin

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

@@ -12,4 +12,5 @@ export interface CopilotApplication {
     handle?: string,
     userId: number,
     status: CopilotApplicationStatus,
+    opportunityStatus: string,
 }

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

@@ -223,9 +223,10 @@ const CopilotOpportunityDetails: FC<{}> = () => {
                 )
             }
             {activeTab === CopilotDetailsTabViews.details && <OpportunityDetails opportunity={opportunity} />}
-            {activeTab === CopilotDetailsTabViews.applications && isAdminOrPM && (
+            {activeTab === CopilotDetailsTabViews.applications && isAdminOrPM && opportunity && (
                 <CopilotApplications
                     copilotApplications={copilotApplications}
+                    opportunity={opportunity}
                     members={members}
                 />
             )}

src/apps/copilots/src/pages/copilot-opportunity-details/tabs/copilot-applications/CopilotApplicationAction.tsx

@@ -13,13 +13,18 @@ const CopilotApplicationAction = (
     copilotApplication: CopilotApplication,
     allCopilotApplications: CopilotApplication[],
 ): JSX.Element => {
+    console.log(copilotApplication)
     const { opportunityId }: {opportunityId?: string} = useParams<{ opportunityId?: string }>()
     const isInvited = useMemo(
         () => allCopilotApplications.findIndex(item => item.status === CopilotApplicationStatus.INVITED) > -1,
         [allCopilotApplications],
     )
     const onClick = useCallback(async () => {
-        if (copilotApplication.status !== CopilotApplicationStatus.PENDING || isInvited) {
+        if (
+            copilotApplication.status !== CopilotApplicationStatus.PENDING
+            || isInvited
+            || copilotApplication.opportunityStatus !== 'active'
+        ) {
             return
         }
 
@@ -46,7 +51,9 @@ const CopilotApplicationAction = (
             }
 
             {
-                !isInvited && copilotApplication.status === CopilotApplicationStatus.PENDING && (
+                !isInvited
+                && copilotApplication.status === CopilotApplicationStatus.PENDING
+                && copilotApplication.opportunityStatus === 'active' && (
                     <IconSolid.UserAddIcon />
                 )
             }

src/apps/copilots/src/pages/copilot-opportunity-details/tabs/copilot-applications/CopilotApplications.tsx

@@ -2,6 +2,7 @@ import { FC, useMemo } from 'react'
 
 import { Table, TableColumn } from '~/libs/ui'
 import { USER_PROFILE_URL } from '~/config/environments/default.env'
+import { CopilotOpportunity } from '~/apps/copilots/src/models/CopilotOpportunity'
 
 import { CopilotApplication } from '../../../../models/CopilotApplication'
 import { FormattedMembers } from '../../../../services/members'
@@ -70,6 +71,7 @@ const tableColumns: TableColumn<CopilotApplication>[] = [
 const CopilotApplications: FC<{
     copilotApplications?: CopilotApplication[]
     members?: FormattedMembers[]
+    opportunity: CopilotOpportunity
 }> = props => {
     const getData = (): CopilotApplication[] => (props.copilotApplications ? props.copilotApplications.map(item => {
         const member = props.members && props.members.find(each => each.userId === item.userId)
@@ -78,6 +80,7 @@ const CopilotApplications: FC<{
             activeProjects: member?.activeProjects || 0,
             fulfilment: member?.copilotFulfillment || 0,
             handle: member?.handle,
+            oppourtunityStatus: props.opportunity.status,
         }
     })
         .sort((a, b) => (b.fulfilment || 0) - (a.fulfilment || 0)) : [])