Update dynamic app names for all versions.

client/src/components/conflict/conflict.component.jsx

@@ -1,6 +1,7 @@
 import React from "react";
 import {Button, Result} from "antd";
 import {useTranslation} from "react-i18next";
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 
 export default function ConflictComponent() {
     const {t} = useTranslation();
@@ -11,7 +12,7 @@ export default function ConflictComponent() {
                 title={t("general.labels.instanceconflictitle")}
                 extra={
                     <div>
-                        <div>{t("general.labels.instanceconflictext")}</div>
+                        <div>{t("general.labels.instanceconflictext",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})})}</div>
                         <Button
                             onClick={() => {
                                 window.location.reload();

client/src/components/error-boundary/error-boundary.component.jsx

@@ -101,7 +101,7 @@ class ErrorBoundary extends React.Component {
                     <Result
                         status="500"
                         title={t("general.labels.exceptiontitle")}
-                        subTitle={t("general.messages.exception")}
+                        subTitle={t("general.messages.exception",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})})}
                         extra={
                             <Space>
                                 <Button

client/src/components/feature-wrapper/feature-wrapper.component.jsx

@@ -5,6 +5,7 @@ import { connect } from "react-redux";
 import { createStructuredSelector } from "reselect";
 import { selectBodyshop } from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -24,7 +25,7 @@ function FeatureWrapper({
   return (
     noauth || (
       <AlertComponent
-        message={t("general.messages.nofeatureaccess")}
+        message={t("general.messages.nofeatureaccess", {app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})})}
         type="warning"
       />
     )

client/src/components/sign-in-form/sign-in-form.component.jsx

@@ -54,7 +54,9 @@ export function SignInComponent({
         <div className="login-container">
             <div className="login-logo-container">
                 <img src={InstanceRenderManager({imex:ImEXOnlineLogo, rome:RomeLogo})} width={200} alt="Rome Online"/>
-                <Typography.Title>{t("titles.app")}</Typography.Title>
+                <Typography.Title>{
+                  InstanceRenderManager({imex: t("titles.imexonline"), rome: t("titles.romeonline"), promanager:t("titles.promanager")})
+                 }</Typography.Title>
             </div>
             <Form onFinish={handleFinish} form={form} size="large">
                 <Form.Item

client/src/components/tech-login/tech-login.component.jsx

@@ -7,6 +7,7 @@ import {createStructuredSelector} from "reselect";
 import {techLoginStart} from "../../redux/tech/tech.actions";
 import {selectLoginError, selectLoginLoading, selectTechnician,} from "../../redux/tech/tech.selectors";
 import AlertComponent from "../alert/alert.component";
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 import "./tech-login.styles.scss";
 
 const mapStateToProps = createStructuredSelector({
@@ -38,7 +39,7 @@ export function TechLogin({
     }, [technician, navigate]);
 
     useEffect(() => {
-        document.title = t("titles.techconsole");
+        document.title = t("titles.techconsole",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})}        );
     }, [t]);
 
     return (

client/src/components/update-alert/update-alert.component.jsx

@@ -9,6 +9,7 @@ import {useTranslation} from "react-i18next";
 import {setUpdateAvailable} from "../../redux/application/application.actions";
 import {store} from "../../redux/store";
 import * as serviceWorkerRegistration from "../../serviceWorkerRegistration";
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 
 let globalRegistration;
 
@@ -25,13 +26,13 @@ export function UpdateAlert({updateAvailable}) {
     if (!updateAvailable) return null;
     return (
         <Alert
-            message={t("general.messages.newversiontitle")}
+            message={t("general.messages.newversiontitle",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})})}
             showIcon
             icon={<AlertOutlined/>}
             description={
                 <Row gutter={[16, 16]}>
                     <Col sm={24} md={16} lg={18}>
-                        {t("general.messages.newversionmessage")}
+                        {t("general.messages.newversionmessage",{app: InstanceRenderManager({imex:'$t(titles.imexonline)', rome: '$t(titles.romeonline)', promanager: '$t(titles.promanager)'})})}
                     </Col>
                     <Col sm={24} md={8} lg={6}>
                         <Space wrap>

client/src/components/user-request-pw-reset/user-request-reset-pw.component.jsx

@@ -55,7 +55,7 @@ export function UserRequestResetPw({
             <div className="login-logo-container">
                 <img src={InstanceRenderManager({imex: ImEXOnlineLogo, rome: null}) } height="100" width="100"
                 alt={InstanceRenderManager({imex: "ImEX Online", rome:"Rome Online"})}/>
-                <Typography.Title>{t("titles.app")}</Typography.Title>
+                <Typography.Title>{InstanceRenderManager({imex: t("titles.imexonline"), rome: t("titles.romeonline"), promanager:t("titles.promanager")})}</Typography.Title>
             </div>
             <Typography.Title level={3}>{t("titles.resetpassword")}</Typography.Title>
 

client/src/components/user-validate-pw-reset/user-validate-pw-reset.component.jsx

@@ -13,6 +13,7 @@ import {selectPasswordReset} from "../../redux/user/user.selectors";
 import AlertComponent from "../alert/alert.component";
 import "./user-validate-pw-reset.styles.scss";
 import LoadingSpinner from "../loading-spinner/loading-spinner.component";
+import InstanceRenderManager from '../../utils/instanceRenderMgr';
 
 const mapStateToProps = createStructuredSelector({
     passwordReset: selectPasswordReset,
@@ -74,7 +75,7 @@ export function UserValidatePwReset({
         <div className="reset-container">
             <div className="reset-logo-container">
                 <img src={ImEXOnlineLogo} height="100" width="100" alt="ImEX Online"/>
-                <Typography.Title>{t("titles.app")}</Typography.Title>
+                <Typography.Title>{InstanceRenderManager({imex: t("titles.imexonline"), rome: t("titles.romeonline"), promanager:t("titles.promanager")})}</Typography.Title>
             </div>
             <Typography.Title level={3}>
                 {t("titles.resetpasswordvalidate")}