[Update] Config Page: Move and add plugin section from AdvancedSettings.

src-ui/app/config_page/setting_section/setting_box/SettingBox.jsx

@@ -9,7 +9,7 @@ import {
     AdvancedSettings,
     Vr,
     Hotkeys,
-    // Plugins,
+    Plugins,
     Supporters,
     AboutVrct,
 } from "@setting_box";
@@ -33,8 +33,8 @@ export const SettingBox = () => {
             return <Hotkeys />;
         case "advanced_settings":
             return <AdvancedSettings />;
-        // case "plugins":
-        //     return <Plugins />;
+        case "plugins":
+            return <Plugins />;
         case "supporters":
             return <Supporters />;
         case "about_vrct":

src-ui/app/config_page/setting_section/setting_box/advanced_settings/AdvancedSettings.jsx

@@ -2,8 +2,6 @@ import { useEffect, useState } from "react";
 import { useTranslation } from "react-i18next";
 import styles from "./AdvancedSettings.module.scss";
 
-import { Plugins } from "./plugins/Plugins";
-
 import { useOpenFolder } from "@logics_common";
 import {
     useOscIpAddress,
@@ -15,31 +13,18 @@ import {
     EntryWithSaveButtonContainer,
 } from "../_templates/Templates";
 
-import {
-    SectionLabelComponent,
-} from "../_components/";
-
-
 import OpenFolderSvg from "@images/open_folder.svg?react";
 import HelpSvg from "@images/help.svg?react";
 
 export const AdvancedSettings = () => {
-    const { t } = useTranslation();
-
     return (
         <div className={styles.container}>
             <div>
-
                 <OscIpAddressContainer />
                 <OscPortContainer />
                 <OpenConfigFolderContainer />
                 <OpenSwitchComputeDeviceModalContainer />
             </div>
-
-            <div>
-                <SectionLabelComponent label={t("config_page.advanced_settings.section_label_plugins")} />
-                <Plugins />
-            </div>
         </div>
     );
 };

src-ui/app/config_page/setting_section/setting_box/index.js

@@ -6,6 +6,6 @@ export { Others, VrcMicMuteSyncContainer } from "./others/Others";
 export { AdvancedSettings } from "./advanced_settings/AdvancedSettings";
 export { Vr } from "./vr/Vr";
 export { Hotkeys } from "./hotkeys/Hotkeys";
-// export { Plugins } from "./plugins/Plugins";
+export { Plugins } from "./plugins/Plugins";
 export { AboutVrct } from "./about_vrct/AboutVrct";
 export { Supporters } from "./supporters/Supporters";

src-ui/app/config_page/setting_section/setting_box/plugins/Plugins.jsx

@@ -2,7 +2,7 @@ import { useEffect, useRef, useState, useCallback } from "react";
 import { useTranslation } from "react-i18next";
 import { usePlugins } from "@logics_configs";
 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 ExternalLink from "@images/external_link.svg?react";
 

src-ui/app/config_page/sidebar_section/SidebarSection.jsx

@@ -12,7 +12,7 @@ export const SidebarSection = () => {
                     <Tab tab_id="vr" />
                     <Tab tab_id="others" />
                     <Tab tab_id="hotkeys" />
-                    {/* <Tab tab_id="plugins" /> */}
+                    <Tab tab_id="plugins" />
                     <Tab tab_id="advanced_settings" />
                 </div>
                 <div className={styles.separated_tabs_wrapper}>