{props.label}
{variable !== null && ( props.variable === true ? ( -+
{t("main_page.state_text_enabled")}
+ {is_available === false && (
+
+
{t("main_page.state_text_disabled")}
) diff --git a/src-ui/views/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss b/src-ui/views/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss index d46cbee0..92f741bb 100644 --- a/src-ui/views/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss +++ b/src-ui/views/app/main_page/main_section/top_bar/right_side_components/_buttons/OpenQuickSettingButton.module.scss @@ -26,10 +26,20 @@ .button_indicator_label { font-size: 1rem; - &.disabled { + &.is_disabled { color: var(--dark_600_color); } - &.enabled { + &.is_enabled { color: var(--primary_300_color); + &:not(.is_available) { + color: var(--warning_color); + } } +} + +.warning_svg { + margin-left: 0.4rem; + padding-bottom: 0.1rem; + width: 1.1rem; + color: var(--warning_color); } \ No newline at end of file From 1dd470e9d52bd8d644f66b83f113e06f57043fd4 Mon Sep 17 00:00:00 2001 From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com> Date: Tue, 18 Nov 2025 09:07:25 +0900 Subject: [PATCH 02/55] [Update] Display OSC unavailability warning on VRC mic mute sync setting. --- locales/en.yml | 2 ++ locales/ja.yml | 2 ++ .../label_component/LabelComponent.jsx | 12 +++++++++ .../LabelComponent.module.scss | 27 +++++++++++++++++-- .../setting_box/others/Others.jsx | 8 ++++++ 5 files changed, 49 insertions(+), 2 deletions(-) diff --git a/locales/en.yml b/locales/en.yml index 8215ce6a..f6a3194f 100644 --- a/locales/en.yml +++ b/locales/en.yml @@ -83,6 +83,8 @@ config_page: type_template_auto: "Automatic" type_template_low: "{{type_name}} (Lower accuracy, faster processing)" type_template_high: "{{type_name}} (Higher accuracy, slower processing)" + warning_labels: + unable_to_use_osc_query: "Due to the OSC IP Address settings, OSC data cannot be received, so this feature is currently unavailable." side_menu_labels: device: "Device" diff --git a/locales/ja.yml b/locales/ja.yml index 90117091..8748c969 100644 --- a/locales/ja.yml +++ b/locales/ja.yml @@ -83,6 +83,8 @@ config_page: type_template_auto: "自動" type_template_low: "{{type_name}} （精度が悪く、処理は早い）" type_template_high: "{{type_name}} （精度が良く、処理は遅い）" + warning_labels: + unable_to_use_osc_query: "OSC IP Address の設定によりOSCデータの受信ができないため、現在この機能は使用できません。" side_menu_labels: device: "デバイス" diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/label_component/LabelComponent.jsx b/src-ui/views/app/config_page/setting_section/setting_box/_components/label_component/LabelComponent.jsx index ffcb9a89..99077bd0 100644 --- a/src-ui/views/app/config_page/setting_section/setting_box/_components/label_component/LabelComponent.jsx +++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/label_component/LabelComponent.jsx @@ -1,5 +1,6 @@ import styles from "./LabelComponent.module.scss"; import { _OpenWebpageButton } from "../_atoms/_open_webpage_button/_OpenWebpageButton"; +import WarningSvg from "@images/warning.svg?react"; export const LabelComponent = (props) => { return ( @@ -9,6 +10,17 @@ export const LabelComponent = (props) => { ?{props.desc}
: null } + {props.add_warnings && Array.isArray(props.add_warnings) && props.add_warnings.length > 0 && ( +
+ {props.add_warnings.map((w, i) => (
+
+ )}
+
{props.webpage_url && <_OpenWebpageButton webpage_url={props.webpage_url} open_webpage_label={props.open_webpage_label} /> }
+
+ ))}
+ {w.label}
+
+
+ );
+};
\ No newline at end of file
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/connection_check_button/ConnectionCheckButton.module.scss b/src-ui/views/app/config_page/setting_section/setting_box/_components/connection_check_button/ConnectionCheckButton.module.scss
new file mode 100644
index 00000000..116feab4
--- /dev/null
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/connection_check_button/ConnectionCheckButton.module.scss
@@ -0,0 +1,15 @@
+.button_wrapper {
+ padding: 1.6rem;
+ border-radius: 0.4rem;
+ &:hover {
+ background-color: var(--dark_825_color);
+ }
+ &:active {
+ background-color: var(--dark_900_color);
+ }
+}
+
+.button_svg {
+ width: 2.4rem;
+ color: var(--dark_400_color);
+}
\ No newline at end of file
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/index.js b/src-ui/views/app/config_page/setting_section/setting_box/_components/index.js
index 2e7b54ca..d28f063d 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/_components/index.js
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/index.js
@@ -13,4 +13,5 @@ export { SwitchBox } from "./switch_box/SwitchBox";
export { ThresholdComponent } from "./threshold_component/ThresholdComponent";
export { WordFilter, WordFilterListToggleComponent } from "./word_filter/WordFilter";
export { DownloadModels } from "./download_models/DownloadModels";
-export { MessageFormat } from "./message_format/MessageFormat";
\ No newline at end of file
+export { MessageFormat } from "./message_format/MessageFormat";
+export { ConnectionCheckButton } from "./connection_check_button/ConnectionCheckButton";
\ No newline at end of file
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx b/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
index 0c0845e1..b4952c99 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_templates/Templates.jsx
@@ -19,6 +19,7 @@ import {
WordFilterListToggleComponent,
DownloadModels,
MessageFormat,
+ ConnectionCheckButton,
} from "../_components";
import { Checkbox } from "@common_components";
@@ -181,6 +182,10 @@ export const DownloadModelsContainer = (props) => (
{label}
+{`UI Status: ${props.state}`}
+ +
-
-
-
-