PM-590 Add start date

src/apps/admin/src/lib/models/MobileTableColumn.model.ts

@@ -4,5 +4,5 @@
 import { TableColumn } from '~/libs/ui'
 
 export interface MobileTableColumn<T> extends TableColumn<T> {
-    readonly mobileType?: 'label'
+    readonly mobileType?: 'label' | 'last-value'
 }

src/apps/copilots/src/copilots.routes.tsx

@@ -23,16 +23,19 @@ export const childRoutes = [
         route: '/',
     },
     {
+        authRequired: true,
         element: <CopilotsRequests />,
         id: 'CopilotRequests',
         route: '/requests',
     },
     {
+        authRequired: true,
         element: <CopilotsRequestForm />,
         id: 'CopilotRequestForm',
         route: '/requests/new',
     },
     {
+        authRequired: true,
         element: <CopilotsRequests />,
         id: 'CopilotRequestDetails',
         route: '/requests/:requestId',
@@ -54,10 +57,8 @@ export const copilotRoutesMap = childRoutes.reduce((allRoutes, route) => (
 
 export const copilotsRoutes: ReadonlyArray<PlatformRoute> = [
     {
-        authRequired: true,
         children: [
             ...childRoutes,
-
         ],
         domain: AppSubdomain.copilots,
         element: <CopilotsApp />,

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

@@ -1,5 +1,6 @@
 import { FC, useEffect, useState } from 'react'
 import { useNavigate, useParams } from 'react-router-dom'
+import moment from 'moment'
 
 import {
     ContentLayout,
@@ -29,7 +30,7 @@ const CopilotOpportunityDetails: FC<{}> = () => {
             if (!opportunity) {
                 setShowNotFound(true)
             }
-        }, 2000)
+        }, 5000)
 
         return () => clearTimeout(timer) // Cleanup on unmount
     }, [opportunity])
@@ -60,6 +61,17 @@ const CopilotOpportunityDetails: FC<{}> = () => {
                         <span className={styles.infoValue}>{opportunity?.status}</span>
                     </div>
                 </div>
+                <div className={styles.infoColumn}>
+                    <IconOutline.PlayIcon className={styles.icon} />
+                    <div className={styles.infoText}>
+                        <span className={styles.infoHeading}>Start Date</span>
+                        <span className={styles.infoValue}>
+                            {moment(opportunity?.startDate)
+                                .format('MMM D, YYYY')}
+
+                        </span>
+                    </div>
+                </div>
                 <div className={styles.infoColumn}>
                     <IconOutline.CalendarIcon className={styles.icon} />
                     <div className={styles.infoText}>

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

@@ -71,7 +71,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}/copilots/opportunities/${opportunityId}`) : undefined
+    const url = opportunityId ? buildUrl(`${baseUrl}/copilot/opportunity/${opportunityId}`) : undefined
 
     const fetcher = (urlp: string): Promise<CopilotOpportunity> => xhrGetAsync<CopilotOpportunity>(urlp)
         .then(copilotOpportunityFactory)