[Update] Localization. Main Page: MessageLogSettingsContainer MessageLogs. Add some Japanese.

This commit is contained in:
Sakamoto Shiina
2024-12-17 01:28:34 +09:00
parent 95855d8191
commit 04b746923c
4 changed files with 12 additions and 2 deletions

View File

@@ -20,6 +20,9 @@ main_page:
received: Received received: Received
system: System system: System
show_resend_button: Show Resend Button
resend_button_on_hover_desc: Press and hold to send
# textbox_system_message: # textbox_system_message:
# enabled_easter_egg: Whoa! You caught us! There is something...like...easter-egg-ish function has enabled! It'll affect to Overlay(VR) for now;). # enabled_easter_egg: Whoa! You caught us! There is something...like...easter-egg-ish function has enabled! It'll affect to Overlay(VR) for now;).
# enabled_translation: Translation feature is turned on. # enabled_translation: Translation feature is turned on.

View File

@@ -20,6 +20,9 @@ main_page:
received: 受信 received: 受信
system: システム system: システム
show_resend_button: 再送信ボタンを表示する
resend_button_on_hover_desc: 長押しで送信
# textbox_system_message: # textbox_system_message:
# enabled_translation: 翻訳機能をONにしました。 # enabled_translation: 翻訳機能をONにしました。
# disabled_translation: 翻訳機能をOFFしました。 # disabled_translation: 翻訳機能をOFFしました。

View File

@@ -1,4 +1,5 @@
import React, { useState, useRef } from "react"; import React, { useState, useRef } from "react";
import { useTranslation } from "react-i18next";
import Tooltip, { tooltipClasses } from '@mui/material/Tooltip'; import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
import styles from "./MessageSubMenuContainer.module.scss"; import styles from "./MessageSubMenuContainer.module.scss";
import SendMessageSvg from "@images/send_message.svg?react"; import SendMessageSvg from "@images/send_message.svg?react";
@@ -67,5 +68,6 @@ export const MessageSubMenuContainer = (props) => {
}; };
const Title_p = () => { const Title_p = () => {
return <p className={styles.tooltip_title}>Press and hold to send</p>; const { t } = useTranslation();
return <p className={styles.tooltip_title}>{t("main_page.message_log.resend_button_on_hover_desc")}</p>;
}; };

View File

@@ -1,6 +1,7 @@
import { useState } from "react"; import { useState } from "react";
import styles from "./MessageLogSettingsContainer.module.scss"; import styles from "./MessageLogSettingsContainer.module.scss";
import clsx from "clsx"; import clsx from "clsx";
import { useTranslation } from "react-i18next";
import { useIsVisibleResendButton } from "@logics_main"; import { useIsVisibleResendButton } from "@logics_main";
import { MessageLogUiScalingContainer } from "@setting_box"; import { MessageLogUiScalingContainer } from "@setting_box";
@@ -8,6 +9,7 @@ import { Checkbox } from "@common_components";
import ConfigSvg from "@images/configuration.svg?react"; import ConfigSvg from "@images/configuration.svg?react";
export const MessageLogSettingsContainer = (props) => { export const MessageLogSettingsContainer = (props) => {
const { t } = useTranslation();
const [is_opened, setIsOpened] = useState(false); const [is_opened, setIsOpened] = useState(false);
const [is_hovered, setIsHovered] = useState(false); const [is_hovered, setIsHovered] = useState(false);
@@ -37,7 +39,7 @@ export const MessageLogSettingsContainer = (props) => {
<MessageLogUiScalingContainer /> <MessageLogUiScalingContainer />
<div className={styles.others_wrapper}> <div className={styles.others_wrapper}>
<div className={styles.resend_checkbox_toggle} onClick={toggleVisibleResendButton}> <div className={styles.resend_checkbox_toggle} onClick={toggleVisibleResendButton}>
<p className={styles.resend_checkbox_label}>Show Resend Button</p> <p className={styles.resend_checkbox_label}>{t("main_page.message_log.show_resend_button")}</p>
<Checkbox <Checkbox
id="visible_resend_button" id="visible_resend_button"
variable={currentIsVisibleResendButton} variable={currentIsVisibleResendButton}