[Update] Plugins -> AdvancedSettings. Move to AdvancedSettings because the plugin just only one is available and it's for specific user, actually. so put it to AdvancedSettings for now.
This commit is contained in:
@@ -244,6 +244,7 @@ config_page:
|
|||||||
label: "Open Config File"
|
label: "Open Config File"
|
||||||
switch_compute_device:
|
switch_compute_device:
|
||||||
label: "Switch VRCT To CPU/GPU Version"
|
label: "Switch VRCT To CPU/GPU Version"
|
||||||
|
section_label_plugins: Plugins
|
||||||
|
|
||||||
plugin_notifications:
|
plugin_notifications:
|
||||||
downloading: Downloading the plugin.
|
downloading: Downloading the plugin.
|
||||||
@@ -254,7 +255,7 @@ plugin_notifications:
|
|||||||
updated_success: Updated successfully.
|
updated_success: Updated successfully.
|
||||||
updated_error: Update failed.
|
updated_error: Update failed.
|
||||||
|
|
||||||
disabled_out_of_support: THe plugin has been disabled. It's not supported on this VRCT version.
|
disabled_out_of_support: The plugin has been disabled. It's not supported on this VRCT version.
|
||||||
|
|
||||||
is_enabled: The plugin has enabled.
|
is_enabled: The plugin has enabled.
|
||||||
is_disabled: The plugin has disabled.
|
is_disabled: The plugin has disabled.
|
||||||
@@ -244,3 +244,4 @@ config_page:
|
|||||||
label: "設定ファイルを開く"
|
label: "設定ファイルを開く"
|
||||||
switch_compute_device:
|
switch_compute_device:
|
||||||
label: "VRCT CPU/GPUバージョンの切り替え"
|
label: "VRCT CPU/GPUバージョンの切り替え"
|
||||||
|
section_label_plugins: プラグイン
|
||||||
@@ -9,7 +9,7 @@ import {
|
|||||||
AdvancedSettings,
|
AdvancedSettings,
|
||||||
Vr,
|
Vr,
|
||||||
Hotkeys,
|
Hotkeys,
|
||||||
Plugins,
|
// Plugins,
|
||||||
Supporters,
|
Supporters,
|
||||||
AboutVrct,
|
AboutVrct,
|
||||||
} from "@setting_box";
|
} from "@setting_box";
|
||||||
@@ -33,8 +33,8 @@ export const SettingBox = () => {
|
|||||||
return <Hotkeys />;
|
return <Hotkeys />;
|
||||||
case "advanced_settings":
|
case "advanced_settings":
|
||||||
return <AdvancedSettings />;
|
return <AdvancedSettings />;
|
||||||
case "plugins":
|
// case "plugins":
|
||||||
return <Plugins />;
|
// return <Plugins />;
|
||||||
case "supporters":
|
case "supporters":
|
||||||
return <Supporters />;
|
return <Supporters />;
|
||||||
case "about_vrct":
|
case "about_vrct":
|
||||||
|
|||||||
@@ -2,6 +2,8 @@ import { useEffect, useState } from "react";
|
|||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import styles from "./AdvancedSettings.module.scss";
|
import styles from "./AdvancedSettings.module.scss";
|
||||||
|
|
||||||
|
import { Plugins } from "./plugins/Plugins";
|
||||||
|
|
||||||
import { useOpenFolder } from "@logics_common";
|
import { useOpenFolder } from "@logics_common";
|
||||||
import {
|
import {
|
||||||
useOscIpAddress,
|
useOscIpAddress,
|
||||||
@@ -10,22 +12,35 @@ import {
|
|||||||
|
|
||||||
import {
|
import {
|
||||||
ActionButtonContainer,
|
ActionButtonContainer,
|
||||||
EntryContainer,
|
|
||||||
EntryWithSaveButtonContainer,
|
EntryWithSaveButtonContainer,
|
||||||
} from "../_templates/Templates";
|
} from "../_templates/Templates";
|
||||||
|
|
||||||
|
import {
|
||||||
|
SectionLabelComponent,
|
||||||
|
} from "../_components/";
|
||||||
|
|
||||||
|
|
||||||
import OpenFolderSvg from "@images/open_folder.svg?react";
|
import OpenFolderSvg from "@images/open_folder.svg?react";
|
||||||
import HelpSvg from "@images/help.svg?react";
|
import HelpSvg from "@images/help.svg?react";
|
||||||
|
|
||||||
export const AdvancedSettings = () => {
|
export const AdvancedSettings = () => {
|
||||||
|
const { t } = useTranslation();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<>
|
<div className={styles.container}>
|
||||||
|
<div>
|
||||||
|
|
||||||
<OscIpAddressContainer />
|
<OscIpAddressContainer />
|
||||||
<OscPortContainer />
|
<OscPortContainer />
|
||||||
<OpenConfigFolderContainer />
|
<OpenConfigFolderContainer />
|
||||||
<OpenSwitchComputeDeviceModalContainer />
|
<OpenSwitchComputeDeviceModalContainer />
|
||||||
</>
|
</div>
|
||||||
|
|
||||||
|
<div>
|
||||||
|
<SectionLabelComponent label={t("config_page.advanced_settings.section_label_plugins")} />
|
||||||
|
<Plugins />
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
@@ -1,22 +1,5 @@
|
|||||||
.container {
|
.container {
|
||||||
display: flex;
|
display: flex;
|
||||||
width: 100%;
|
gap: 6.4rem;
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
padding: 2rem;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2rem;
|
|
||||||
&.flex_column {
|
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
}
|
|
||||||
border-bottom: solid 0.1rem var(--dark_800_color);
|
|
||||||
}
|
|
||||||
|
|
||||||
.switch_section_container {
|
|
||||||
display: flex;
|
|
||||||
width: 100%;
|
|
||||||
justify-content: space-between;
|
|
||||||
align-items: center;
|
|
||||||
align-items: center;
|
|
||||||
gap: 2rem;
|
|
||||||
}
|
}
|
||||||
@@ -2,7 +2,7 @@ import { useEffect, useRef } from "react";
|
|||||||
import { useTranslation } from "react-i18next";
|
import { useTranslation } from "react-i18next";
|
||||||
import { usePlugins } from "@logics_configs";
|
import { usePlugins } from "@logics_configs";
|
||||||
import styles from "./Plugins.module.scss";
|
import styles from "./Plugins.module.scss";
|
||||||
import { PluginsControlComponent } from "../_components/plugins_control_component/PluginsControlComponent";
|
import { PluginsControlComponent } from "../../_components/plugins_control_component/PluginsControlComponent";
|
||||||
import { useNotificationStatus } from "@logics_common";
|
import { useNotificationStatus } from "@logics_common";
|
||||||
|
|
||||||
export const Plugins = () => {
|
export const Plugins = () => {
|
||||||
@@ -6,6 +6,6 @@ export { Others, VrcMicMuteSyncContainer } from "./others/Others";
|
|||||||
export { AdvancedSettings } from "./advanced_settings/AdvancedSettings";
|
export { AdvancedSettings } from "./advanced_settings/AdvancedSettings";
|
||||||
export { Vr } from "./vr/Vr";
|
export { Vr } from "./vr/Vr";
|
||||||
export { Hotkeys } from "./hotkeys/Hotkeys";
|
export { Hotkeys } from "./hotkeys/Hotkeys";
|
||||||
export { Plugins } from "./plugins/Plugins";
|
// export { Plugins } from "./plugins/Plugins";
|
||||||
export { AboutVrct } from "./about_vrct/AboutVrct";
|
export { AboutVrct } from "./about_vrct/AboutVrct";
|
||||||
export { Supporters } from "./supporters/Supporters";
|
export { Supporters } from "./supporters/Supporters";
|
||||||
@@ -12,7 +12,7 @@ export const SidebarSection = () => {
|
|||||||
<Tab tab_id="vr" />
|
<Tab tab_id="vr" />
|
||||||
<Tab tab_id="others" />
|
<Tab tab_id="others" />
|
||||||
<Tab tab_id="hotkeys" />
|
<Tab tab_id="hotkeys" />
|
||||||
<Tab tab_id="plugins" />
|
{/* <Tab tab_id="plugins" /> */}
|
||||||
<Tab tab_id="advanced_settings" />
|
<Tab tab_id="advanced_settings" />
|
||||||
</div>
|
</div>
|
||||||
<div className={styles.separated_tabs_wrapper}>
|
<div className={styles.separated_tabs_wrapper}>
|
||||||
|
|||||||
Reference in New Issue
Block a user