[Update] Config Window: MessageFormat. Add translated message to the example display, language flexibly.

src-ui/windows/config_window/setting_section/setting_box/components/message_format/MessageFormat.jsx

@@ -8,7 +8,7 @@ export const MessageFormat = (props) => {
             <ExampleComponent {...props}/>
             <InputComponent {...props}/>
             {
-                props.with_t
+                props.with_t === true
                 ? <SwapButton/>
                 : 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 (

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;
 }