fix: refresh list on accepting application

Author: hentrymartin

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

@@ -20,4 +20,5 @@ export interface CopilotApplication {
     opportunityStatus: string,
     existingMembership?: ExistingMembership,
     projectName: string,
+    onApplied: () => void,
 }

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

@@ -296,6 +296,7 @@ const CopilotOpportunityDetails: FC<{}> = () => {
                         copilotApplications={copilotApplications}
                         opportunity={opportunity}
                         members={members}
+                        onApplied={onApplied}
                     />
                 )}
 

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

@@ -1,9 +1,8 @@
 import { useParams } from 'react-router-dom'
 import { toast } from 'react-toastify'
-import { mutate } from 'swr'
 import { useCallback, useMemo, useState } from 'react'
 
-import { assignCopilotOpportunity, copilotBaseUrl } from '~/apps/copilots/src/services/copilot-opportunities'
+import { assignCopilotOpportunity } from '~/apps/copilots/src/services/copilot-opportunities'
 import { CopilotApplication, CopilotApplicationStatus } from '~/apps/copilots/src/models/CopilotApplication'
 import { IconSolid, Tooltip } from '~/libs/ui'
 
@@ -39,7 +38,7 @@ const CopilotApplicationAction = (
             try {
                 await assignCopilotOpportunity(opportunityId, copilotApplication.id)
                 toast.success('Accepted as copilot')
-                mutate(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
+                copilotApplication.onApplied()
             } catch (e) {
                 const error = e as Error
                 toast.error(error.message)
@@ -56,7 +55,7 @@ const CopilotApplicationAction = (
 
             await assignCopilotOpportunity(opportunityId, copilotApplication.id)
             toast.success('Accepted as copilot')
-            mutate(`${copilotBaseUrl}/copilots/opportunity/${opportunityId}/applications`)
+            copilotApplication.onApplied()
             setShowAlreadyMemberModal(false)
         } catch (e) {
             const error = e as Error

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

@@ -77,6 +77,7 @@ const CopilotApplications: FC<{
     copilotApplications?: CopilotApplication[]
     members?: FormattedMembers[]
     opportunity: CopilotOpportunity
+    onApplied: () => void
 }> = props => {
     const getData = (): CopilotApplication[] => (props.copilotApplications ? props.copilotApplications.map(item => {
         const member = props.members && props.members.find(each => each.userId === item.userId)
@@ -85,6 +86,7 @@ const CopilotApplications: FC<{
             activeProjects: member?.activeProjects || 0,
             fulfilment: member?.copilotFulfillment || 0,
             handle: member?.handle,
+            onApplied: props.onApplied,
             opportunityStatus: props.opportunity.status,
             pastProjects: member?.pastProjects || 0,
             projectName: props.opportunity.projectName,