diff --git a/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.jsx b/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.jsx
index defc9e22..28b3f0eb 100644
--- a/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.jsx
+++ b/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.jsx
@@ -8,7 +8,7 @@ export const MessageFormat = (props) => {
{
- props.with_t
+ props.with_t === true
?
: null
}
@@ -16,11 +16,22 @@ export const MessageFormat = (props) => {
);
};
+import { useUiLanguageStatus } from "@store";
+
const ExampleComponent = (props) => {
const { t } = useTranslation();
+ const { currentUiLanguageStatus } = useUiLanguageStatus();
const createExampleMessage = () => {
- return t("config_window.send_message_format.example_text");
+ const original_lang_message = t("config_window.send_message_format.example_text");
+
+ if (props.with_t === true) {
+ const translation_locale = currentUiLanguageStatus === "en" ? "ja" : "en";
+ const translated_lang_message = t("config_window.send_message_format.example_text", {lng: translation_locale});
+ return original_lang_message + translated_lang_message;
+ } else {
+ return original_lang_message;
+ }
};
return (
diff --git a/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.module.scss b/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.module.scss
index 823b5a72..dfe4fc07 100644
--- a/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.module.scss
+++ b/src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.module.scss
@@ -28,7 +28,7 @@
.preset_text {
font-size: 1.6rem;
- width: 100%;
+ width: 40rem;
text-align: center;
}