RO into IO merge as of 02/05/2024.

client/src/pages/manage/manage.page.component.jsx

@@ -23,6 +23,7 @@ import * as Sentry from "@sentry/react";
 
 import "./manage.page.styles.scss";
 import UpdateAlert from "../../components/update-alert/update-alert.component";
+import InstanceRenderManager from "../../utils/instanceRenderMgr.js";
 
 const JobsPage = lazy(() => import("../jobs/jobs.page"));
 
@@ -93,6 +94,11 @@ const BillEnterModalContainer = lazy(() =>
 const TimeTicketModalContainer = lazy(() =>
     import("../../components/time-ticket-modal/time-ticket-modal.container")
 );
+const TimeTicketModalTask = lazy(() =>
+    import(
+        "../../components/time-ticket-task-modal/time-ticket-task-modal.container"
+        )
+);
 const PaymentModalContainer = lazy(() =>
     import("../../components/payment-modal/payment-modal.container")
 );
@@ -167,6 +173,9 @@ const DmsPayables = lazy(() =>
 const ManageRootPage = lazy(() =>
     import("../manage-root/manage-root.page.container")
 );
+const TtApprovals = lazy(() =>
+    import("../tt-approvals/tt-approvals.page.container")
+);
 
 const {Content, Footer} = Layout;
 
@@ -181,7 +190,7 @@ export function Manage({conflict, bodyshop}) {
 
 
     useEffect(() => {
-        const widgetId = "IABVNO4scRKY11XBQkNr";
+        const widgetId =  InstanceRenderManager({ imex:"IABVNO4scRKY11XBQkNr" ,rome: "mQdqARMzkZRUVugJ6TdS"}) ;
         window.noticeable.render("widget", widgetId);
         requestForToken().catch((error) => {
             console.error(`Unable to request for token.`, error)
@@ -205,6 +214,7 @@ export function Manage({conflict, bodyshop}) {
             <ReportCenterModal/>
             <EmailOverlayContainer/>
             <TimeTicketModalContainer/>
+            <TimeTicketModalTask/>
             <PrintCenterModalContainer/>
             <Routes>
                 <Route path='/_test' element={<TestComponent/>}/>
@@ -334,6 +344,7 @@ export function Manage({conflict, bodyshop}) {
                     path='/accounting/exportlogs'
                     element={<ExportLogs/>}
                 />
+                <Route path='/ttapprovals' element={<TtApprovals/>}/>
                 <Route path='/partsqueue' element={<PartsQueue/>}/>
                 <Route path='/phonebook' element={<Phonebook/>}/>
 
@@ -387,7 +398,7 @@ export function Manage({conflict, bodyshop}) {
                     >
                         <div style={{display: "flex"}}>
                             <div>
-                                {`ImEX Online ${
+                                {`${t("titles.app")} ${
                                     process.env.REACT_APP_GIT_SHA
                                 } - ${preval`module.exports = new Date().toLocaleString("en-US", {timeZone: "America/Los_Angeles"});`}`}
                             </div>