diff --git a/Dockerfile b/Dockerfile index a1efd84..ae79bb1 100644 --- a/Dockerfile +++ b/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 ./ diff --git a/package-lock.json b/package-lock.json index 7d64e4d..772797b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "qanary-ui", - "version": "0.5.0", + "version": "0.6.0", "lockfileVersion": 2, "requires": true, "packages": { "": { "name": "qanary-ui", - "version": "0.5.0", + "version": "0.6.0", "dependencies": { "@qanary/spring-boot-health-check": "1.2.1", "@testing-library/jest-dom": "^5.16.4", diff --git a/package.json b/package.json index 082374d..5b2dd5d 100644 --- a/package.json +++ b/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", diff --git a/src/components/App/App.js b/src/components/App/App.js index f2f7c08..ea54283 100644 --- a/src/components/App/App.js +++ b/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: [ diff --git a/src/components/PageHeader/PageHeader.jsx b/src/components/PageHeader/PageHeader.jsx index 3eed9b6..509f42c 100644 --- a/src/components/PageHeader/PageHeader.jsx +++ b/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}