Merge pull request #28 from WDAqua/fix/itzbund-theme-corrections

Fix/itzbund theme corrections

Dockerfile

@@ -8,6 +8,10 @@ ARG DEFAULT_CHATBOT_COMPONENTS
 ARG INITIAL_QUESTION_PARAMETER_NAME
 ARG DEFAULT_BACKEND_TYPE
 ARG DEFAULT_THEME
+ARG INITIAL_MESSAGE_TEXT_DE
+ARG INITIAL_MESSAGE_TEXT_EN
+ARG PAGE_TITLE_DE
+ARG PAGE_TITLE_EN
 
 WORKDIR /app
 COPY ./package*.json ./

package.json

@@ -1,6 +1,6 @@
 {
   "name": "qanary-ui",
-  "version": "0.5.0",
+  "version": "0.6.0",
   "private": true,
   "dependencies": {
     "@qanary/spring-boot-health-check": "1.2.1",

src/components/App/App.js

@@ -9,12 +9,15 @@ import {
   defaultChatbotComponents,
   initialQuestionParameter,
   defaultTheme,
+  initialMessageTextEn,
+  initialMessageTextDe,
 } from "../../helpers/constants";
 import {
   supportedServiceNames,
   supportedServices,
   supportedThemes,
 } from "../../services";
+import { getCurrentLanguage } from "../../helpers/getTexts";
 
 class App extends Component {
   constructor(props) {
@@ -35,11 +38,21 @@ class App extends Component {
       backendType === "rasa"
         ? !!backendUrl
         : !!backendUrl && !!components?.length > 0;
-    const initialMessage = isConfigured
-      ? this.texts["default-responses"]["initial-message"][
+    const getInitialMessage = () => {
+      const currentLanguage = getCurrentLanguage()
+      if (initialMessageTextEn && currentLanguage === "en") {
+        return initialMessageTextEn.replace("{{url}}", backendUrl);
+      } else if (initialMessageTextDe && currentLanguage === "de") {
+        return initialMessageTextDe.replace("{{url}}", backendUrl);
+      } else if (isConfigured) {
+        return this.texts["default-responses"]["initial-message"][
           "is-configured"
-        ].replace("{{url}}", backendUrl)
-      : this.texts["default-responses"]["initial-message"]["is-not-configured"];
+        ].replace("{{url}}", backendUrl);
+      } else {
+        return this.texts["default-responses"]["initial-message"]["is-not-configured"];
+      }
+    }
+    const initialMessage = getInitialMessage();
 
     this.state = {
       messages: [

src/components/PageHeader/PageHeader.jsx

@@ -12,7 +12,7 @@ import settings_icon_white from "../share/imgs/settings_icon_white.svg";
 import info_icon_black from "../share/imgs/info_icon_black.svg";
 import info_icon_white from "../share/imgs/info_icon_white.svg";
 import "./PageHeader.css";
-import { chatbotFrontendUrl } from "../../helpers/constants";
+import { chatbotFrontendUrl, pageTitleDe, pageTitleEn } from "../../helpers/constants";
 
 function toggleContainer(containerId) {
   const container = document.getElementById(containerId);
@@ -86,7 +86,7 @@ export default class PageHeader extends Component {
               target="_self"
               className="center white-text"
             >
-              {this.texts["page-header"].title}
+              {(textsHelper.getCurrentLanguage() === "en" ? pageTitleEn : pageTitleDe) ?? this.texts["page-header"].title}
             </a>
           </div>
           <div

src/helpers/constants.js

@@ -23,3 +23,15 @@ export const defaultBackendType =
 
 export const defaultTheme =
   window._env_?.DEFAULT_THEME ?? "default";
+
+export const initialMessageTextEn =
+  window._env_?.INITIAL_MESSAGE_TEXT_EN;
+
+export const initialMessageTextDe =
+  window._env_?.INITIAL_MESSAGE_TEXT_DE;
+
+export const pageTitleEn =
+  window._env_?.PAGE_TITLE_EN
+
+export const pageTitleDe =
+  window._env_?.PAGE_TITLE_DE