feature/80600-IPO-ønsker-mc-pakke-status-i-selected-scope-info (#766)

* Added m1, m02 info + status to selected scope info * removed logging * Formatted the date
equinor · Jul 25, 2023 · 5ef0ff4 · 5ef0ff4
1 parent 2581d4b
commit 5ef0ff4
Show file tree

Hide file tree

Showing 4 changed files with 22 additions and 2 deletions.
diff --git a/src/modules/InvitationForPunchOut/http/InvitationForPunchOutApiClient.ts b/src/modules/InvitationForPunchOut/http/InvitationForPunchOutApiClient.ts
@@ -149,6 +149,9 @@ interface McPkgResponse {
     description: string;
     system: string;
     disciplineCode: string;
+    m01: string;
+    m02: string;
+    status: string;
 }
 
 interface PersonResponse {

diff --git a/src/modules/InvitationForPunchOut/types.d.ts b/src/modules/InvitationForPunchOut/types.d.ts
@@ -100,6 +100,9 @@ export interface McPkgRow {
     tableData?: {
         isSelected: boolean;
     };
+    m01?: string;
+    m02?: string;
+    status?: string;
 }
 
 export interface McScope {

diff --git a/src/modules/InvitationForPunchOut/views/CreateAndEditIPO/SelectScope/McPkgTable.tsx b/src/modules/InvitationForPunchOut/views/CreateAndEditIPO/SelectScope/McPkgTable.tsx
@@ -65,6 +65,9 @@ const McPkgTable = forwardRef(
                                     discipline: mcPkg.disciplineCode,
                                     system: mcPkg.system,
                                     commPkgNo: commPkgNo,
+                                    status: mcPkg.status,
+                                    m01: mcPkg.m01,
+                                    m02: mcPkg.m02,
                                     tableData: {
                                         isSelected:
                                             selectedMcPkgScope.selected.some(

diff --git a/src/modules/InvitationForPunchOut/views/CreateAndEditIPO/SelectScope/SelectedScope.tsx b/src/modules/InvitationForPunchOut/views/CreateAndEditIPO/SelectScope/SelectedScope.tsx
@@ -11,6 +11,7 @@ import {
 
 import EdsIcon from '@procosys/components/EdsIcon';
 import React from 'react';
+import { getFormattedDate } from '@procosys/core/services/DateService';
 
 const multipleDisciplinesWarning = (
     <div>
@@ -111,13 +112,23 @@ const SelectedScope = ({
                                 {mcPkg.description}
                             </Typography>
                         </div>
+                        <div>
+                            <Typography variant="caption">Status</Typography>
+                            <Typography variant="body_long">
+                                {mcPkg.status}
+                            </Typography>
+                        </div>
                         <div>
                             <Typography variant="caption">M-01 date</Typography>
-                            <Typography variant="body_long">-</Typography>
+                            <Typography variant="body_long">
+                                {mcPkg.m01 ? getFormattedDate(mcPkg.m01) : '-'}
+                            </Typography>
                         </div>
                         <div>
                             <Typography variant="caption">M-02 date</Typography>
-                            <Typography variant="body_long">-</Typography>
+                            <Typography variant="body_long">
+                                {mcPkg.m02 ? getFormattedDate(mcPkg.m02) : '-'}
+                            </Typography>
                         </div>
                     </AccordionContent>
                 </Accordion.Panel>