PM-1498 - support for opportunity title

src/apps/copilots/src/models/CopilotOpportunity.ts

@@ -15,6 +15,7 @@ export interface CopilotOpportunity {
     numHoursPerWeek: number,
     numWeeks: number,
     overview: string,
+    opportunityTitle: string,
     paymentType: string,
     otherPaymentType: string,
     requiresCommunication: 'yes' | 'no',

src/apps/copilots/src/models/CopilotRequest.ts

@@ -13,6 +13,7 @@ export interface CopilotRequest {
     numHoursPerWeek: number,
     numWeeks: number,
     overview: string,
+    opportunityTitle: string,
     paymentType: string,
     otherPaymentType: string,
     requiresCommunication: 'yes' | 'no',

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

@@ -194,7 +194,7 @@ const CopilotOpportunityDetails: FC<{}> = () => {
             ) }
             <div className={styles.wrapper}>
                 <h1 className={styles.header}>
-                    {opportunity?.projectName}
+                    {opportunity?.opportunityTitle ?? opportunity?.projectName}
                 </h1>
                 <div className={styles.infoRow}>
                     <div className={styles.infoColumn}>

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

@@ -25,7 +25,7 @@ const tableColumns: TableColumn<CopilotOpportunity>[] = [
         propertyName: 'projectName',
         renderer: (copilotOpportunity: CopilotOpportunity) => (
             <div className={styles.title}>
-                {copilotOpportunity.projectName}
+                {copilotOpportunity.opportunityTitle}
             </div>
         ),
         type: 'element',

src/apps/copilots/src/pages/copilot-request-form/index.tsx

@@ -248,6 +248,7 @@ const CopilotRequestForm: FC<{}> = () => {
             <div className={styles.form}>
                 <form>
                     <h1 className={styles.heading}> Copilot Request </h1>
+
                     <p className={styles.subheading}>
                         Hi,
                         {' '}
@@ -262,6 +263,21 @@ const CopilotRequestForm: FC<{}> = () => {
                                 Resolve the errors on the form before submitting
                             </p>
                         )}
+
+                    <p className={styles.formRow}>Copilot Opportunity Title</p>
+                    <InputText
+                        dirty
+                        type='text'
+                        label='Title'
+                        name='opportunityTitle'
+                        placeholder='Enter a title for the opportunity'
+                        value={formValues.opportunityTitle?.toString()}
+                        onChange={bind(handleFormValueChange, this, 'opportunityTitle')}
+                        error={formErrors.opportunityTitle}
+                        tabIndex={0}
+                        forceUpdateValue
+                    />
+
                     <p className={styles.formRow}>Select the project you want the copilot for</p>
                     <InputSelectReact
                         tabIndex={0}

src/apps/copilots/src/pages/copilot-requests/copilot-request-modal/CopilotRequestModal.tsx

@@ -59,6 +59,10 @@ const CopilotRequestModal: FC<CopilotRequestModalProps> = props => {
                     <div>Project</div>
                     <div>{props.project?.name}</div>
                 </div>
+                <div className={styles.detailsLine}>
+                    <div>Title</div>
+                    <div>{props.request.opportunityTitle}</div>
+                </div>
                 <div className={styles.detailsLine}>
                     <div>Opportunity details</div>
                     <a

src/apps/copilots/src/pages/copilot-requests/index.tsx

@@ -170,6 +170,11 @@ const CopilotRequestsPage: FC = () => {
             },
             type: 'element',
         },
+        {
+            label: 'Title',
+            propertyName: 'opportunityTitle',
+            type: 'text',
+        },
         {
             label: 'Type',
             propertyName: 'type',