admin/bodyshop
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

IO-3020 IO-3036 Transition enum to function to render correctly.

Browse Source
This commit is contained in:
Patrick Fic
2024-12-10 13:23:07 -08:00
parent 7fdf109e14
commit d869dbe97b
34 changed files with 40 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/bills-list-table/bills-list-table.component.jsx
View File

@@ -240,7 +240,7 @@ export function BillsListTableComponent({
onChange={handleTableChange}
locale={{
...(!hasBillsAccess && {
emptyText: <UpsellComponent upsell={upsellEnum.bills.general} />
emptyText: <UpsellComponent upsell={upsellEnum().bills.general} />
})
}}
/>

2
client/src/components/job-audit-trail/job-audit-trail.component.jsx
View File

@@ -147,7 +147,7 @@ export function JobAuditTrail({ bodyshop, currentUser, jobId }) {
{!hasAuditAccess && (
<Col span={24}>
<Card>
<UpsellComponent upsell={upsellEnum.audit.general} disableMask />
<UpsellComponent upsell={upsellEnum().audit.general} disableMask />
</Card>
</Col>
)}

2
client/src/components/job-bills-total/job-bills-total.component.jsx
View File

@@ -336,7 +336,7 @@ export function JobBillsTotalComponent({
{!hasBillsAccess && (
<Col span={6}>
<Card style={{ height: "100%" }}>
<UpsellComponent upsell={upsellEnum.bills.autoreconcile} disableMask />
<UpsellComponent upsell={upsellEnum().bills.autoreconcile} disableMask />
</Card>
</Col>
)}

2
client/src/components/job-lifecycle/job-lifecycle.component.jsx
View File

@@ -139,7 +139,7 @@ export function JobLifecycleComponent({ job, statuses, ...rest }) {
style={{ width: "100%" }}
>
<Card type="inner" style={{ marginTop: "10px" }}>
<UpsellComponent upsell={upsellEnum.lifecycle.general} />
<UpsellComponent upsell={upsellEnum().lifecycle.general} />
</Card>
<BlurWrapperComponent featureName="lifecycle">
<div

4
client/src/components/jobs-documents-gallery/jobs-documents-gallery.component.jsx
View File

@@ -133,7 +133,7 @@ function JobsDocumentsComponent({
{!hasMediaAccess && (
<Col span={24}>
<Card>
<UpsellComponent upsell={upsellEnum.media.general} />
<UpsellComponent upsell={upsellEnum().media.general} />
</Card>
</Col>
)}
@@ -152,7 +152,7 @@ function JobsDocumentsComponent({
{hasMediaAccess && !hasMobileAccess && (
<Col span={24}>
<Card>
<UpsellComponent upsell={upsellEnum.media.mobile} />
<UpsellComponent upsell={upsellEnum().media.mobile} />
</Card>
</Col>
)}

4
client/src/components/labor-allocations-table/labor-allocations-table.component.jsx
View File

@@ -206,7 +206,7 @@ export function LaborAllocationsTable({
...(!hasTimeTicketAccess && {
emptyText: (
<Card>
<UpsellComponent upsell={upsellEnum.timetickets.allocations} />
<UpsellComponent upsell={upsellEnum().timetickets.allocations} />
</Card>
)
})
@@ -249,7 +249,7 @@ export function LaborAllocationsTable({
...(!hasTimeTicketAccess && {
emptyText: (
<Card>
<UpsellComponent upsell={upsellEnum.timetickets.allocations} />
<UpsellComponent upsell={upsellEnum().timetickets.allocations} />
</Card>
)
})

2
client/src/components/schedule-calendar-wrapper/schedule-calendar-header-graph.component.jsx
View File

@@ -48,7 +48,7 @@ export function ScheduleCalendarHeaderGraph({ bodyshop, loadData }) {
<strong>{loadData?.expectedJobCount}</strong>
</BlurWrapperComponent>
</Space>
<UpsellMaskWrapper upsell={upsellEnum.smartscheduling.general}>
<UpsellMaskWrapper upsell={upsellEnum().smartscheduling.general}>
<BlurWrapperComponent featureName="smartscheduling">
<RadarChart
// cx={300}

4
client/src/components/schedule-calendar-wrapper/schedule-calendar-header.component.jsx
View File

@@ -90,7 +90,7 @@ export function ScheduleCalendarHeaderComponent({
</tbody>
</table>
<Card style={{ maxWidth: "30rem" }}>
<UpsellComponent size="small" upsell={upsellEnum.smartscheduling.hrsdelta} />
<UpsellComponent size="small" upsell={upsellEnum().smartscheduling.hrsdelta} />
</Card>
</div>
);
@@ -130,7 +130,7 @@ export function ScheduleCalendarHeaderComponent({
</tr>
)}
<Card style={{ maxWidth: "30rem" }}>
<UpsellComponent size="small" upsell={upsellEnum.smartscheduling.hrsdelta} />
<UpsellComponent size="small" upsell={upsellEnum().smartscheduling.hrsdelta} />
</Card>
</tbody>
</table>

2
client/src/components/schedule-job-modal/schedule-job-modal.component.jsx
View File

@@ -139,7 +139,7 @@ export function ScheduleJobModalComponent({
</Button>
))}
{smartOptions.length > 1 && hasSmartSchedulingAccess && (
<UpsellComponent upsell={upsellEnum.smartscheduling.general} />
<UpsellComponent upsell={upsellEnum().smartscheduling.general} />
)}
</Space>
</>

2
client/src/components/time-ticket-list/time-ticket-list.component.jsx
View File

@@ -364,7 +364,7 @@ export function TimeTicketList({
...(!hasTimeTicketsAccess && {
emptyText: (
<Card>
<UpsellComponent upsell={upsellEnum.timetickets.general} />
<UpsellComponent upsell={upsellEnum().timetickets.general} />
</Card>
)
})

6
client/src/components/upsell/upsell.component.jsx
View File

@@ -18,6 +18,8 @@ import "./upsell.styles.scss";
export default function UpsellComponent({ featureName, subFeatureName, upsell, disableMask }) {
const { t } = useTranslation();
const resultProps = upsell || upsellEnum[featureName][subFeatureName];
console.trace("***LOG ~ file: upsell.component.jsx:22 ~ UpsellComponent ~ resultProps:", resultProps);
const componentRef = useRef(null);
useEffect(() => {
@@ -64,7 +66,7 @@ export function UpsellMaskWrapper({ children, upsell, featureName, subFeatureNam
);
}
//This is kept in this function as pulling it out into it's own util/enum prevents passing JSX as an `extra` prop
export const upsellEnum = {
export const upsellEnum = () => ({
bills: {
autoreconcile: {
//icon: null,
@@ -233,4 +235,4 @@ export const upsellEnum = {
extra: <Button type="primary">{i18n.t("upsell.cta.learnmore")}</Button>
}
}
};
});