diff --git a/services/ui-src/src/components/modals/AddEditReportModal.tsx b/services/ui-src/src/components/modals/AddEditReportModal.tsx index 09f944843..fa054503f 100644 --- a/services/ui-src/src/components/modals/AddEditReportModal.tsx +++ b/services/ui-src/src/components/modals/AddEditReportModal.tsx @@ -148,6 +148,10 @@ export const AddEditReportModal = ({ formData["reportingPeriodEndDate"] ); const planTypeIncludedInProgram = formData["planTypeIncludedInProgram"]; + const planTypeOtherText = + planTypeIncludedInProgram[0].value === "Other, specify" + ? formData["planTypeIncludedInProgram-otherText"] + : null; return { metadata: { @@ -158,8 +162,7 @@ export const AddEditReportModal = ({ lastAlteredBy: full_name, copyFieldDataSourceId: copyFieldDataSourceId?.value, planTypeIncludedInProgram, - "planTypeIncludedInProgram-otherText": - formData["planTypeIncludedInProgram-otherText"], + "planTypeIncludedInProgram-otherText": planTypeOtherText, locked: false, submissionCount: 0, previousRevisions: [], diff --git a/services/ui-src/src/components/pages/Dashboard/DashboardTable.tsx b/services/ui-src/src/components/pages/Dashboard/DashboardTable.tsx index 7eac01aaa..c2446fcd1 100644 --- a/services/ui-src/src/components/pages/Dashboard/DashboardTable.tsx +++ b/services/ui-src/src/components/pages/Dashboard/DashboardTable.tsx @@ -2,7 +2,12 @@ import { Button, Image, Td, Tr, Spinner } from "@chakra-ui/react"; import { Table } from "components"; // utils -import { AnyObject, ReportMetadataShape, TableContentShape } from "types"; +import { + AnyObject, + ReportMetadataShape, + ReportType, + TableContentShape, +} from "types"; import { convertDateUtcToEt } from "utils"; // assets import editIcon from "assets/icons/icon_edit_square_gray.png"; @@ -40,6 +45,14 @@ export const DashboardTable = ({ {report.programName ?? report.submissionName} + {/* Plan type (NAAAR only) */} + {report.reportType === ReportType.NAAAR && ( + + {report["planTypeIncludedInProgram"]?.[0].value === "Other, specify" + ? report["planTypeIncludedInProgram-otherText"] + : report.planTypeIncludedInProgram?.[0].value} + + )} {/* Date Fields */} {/* Last Altered By */} @@ -162,7 +175,9 @@ interface EditReportProps { const DateFields = ({ report, reportType }: DateFieldProps) => { return ( <> - {reportType === "MCPAR" && {convertDateUtcToEt(report.dueDate)}} + {reportType !== ReportType.MLR && ( + {convertDateUtcToEt(report.dueDate)} + )} {convertDateUtcToEt(report.lastAltered)} ); diff --git a/services/ui-src/src/components/pages/Dashboard/MobileDashboardTable.tsx b/services/ui-src/src/components/pages/Dashboard/MobileDashboardTable.tsx index 3c8cd1b23..e279dc5bd 100644 --- a/services/ui-src/src/components/pages/Dashboard/MobileDashboardTable.tsx +++ b/services/ui-src/src/components/pages/Dashboard/MobileDashboardTable.tsx @@ -1,7 +1,7 @@ // components import { Box, Button, Flex, Image, Text, Spinner } from "@chakra-ui/react"; // utils -import { AnyObject, ReportMetadataShape } from "types"; +import { AnyObject, ReportMetadataShape, ReportType } from "types"; import { convertDateUtcToEt } from "utils"; // assets import editIcon from "assets/icons/icon_edit_square_gray.png"; @@ -27,7 +27,7 @@ export const MobileDashboardTable = ({ - {reportType === "MCPAR" ? "Program name" : "Submission name"} + {reportType === ReportType.MLR ? "Submission name" : "Program name"} {isStateLevelUser && !report?.locked && ( @@ -44,6 +44,17 @@ export const MobileDashboardTable = ({ {report.programName} + {reportType === ReportType.NAAAR && ( + + Plan type + + {report["planTypeIncludedInProgram-otherText"] + ? report["planTypeIncludedInProgram-otherText"] + : report.planTypeIncludedInProgram?.[0].value} + + + )} + @@ -125,7 +136,7 @@ interface MobileDashboardTableProps { const DateFields = ({ report, reportType }: DateFieldProps) => { return ( <> - {reportType === "MCPAR" && ( + {reportType !== ReportType.MLR && ( Due date {convertDateUtcToEt(report.dueDate)}