every_holiday/VRCT
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[Refactor] Introduce wrapper component for DropdownMenu to enhance versatility.

Browse Source
This commit is contained in:
Sakamoto Shiina
2025-11-12 10:18:26 +09:00
parent dc3c236791
commit 01327fa852
5 changed files with 18 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src-ui/views/app/config_page/setting_section/setting_box/_components/_atoms/_dropdown_menu/_DropdownMenu.jsx
View File

@@ -3,7 +3,7 @@ import clsx from "clsx";
import ArrowLeftSvg from "@images/arrow_left.svg?react"; import ArrowLeftSvg from "@images/arrow_left.svg?react";
import { useStore_IsOpenedDropdownMenu } from "@store"; import { useStore_IsOpenedDropdownMenu } from "@store";
export const DropdownMenu = (props) => { export const _DropdownMenu = (props) => {
const { updateIsOpenedDropdownMenu, currentIsOpenedDropdownMenu } = useStore_IsOpenedDropdownMenu(); const { updateIsOpenedDropdownMenu, currentIsOpenedDropdownMenu } = useStore_IsOpenedDropdownMenu();
const toggleDropdownMenu = () => { const toggleDropdownMenu = () => {

2
src-ui/views/app/config_page/setting_section/setting_box/_components/compute_device/ComputeDevice.jsx
View File

@@ -1,5 +1,5 @@
import styles from "./ComputeDevice.module.scss"; import styles from "./ComputeDevice.module.scss";
import { DropdownMenu } from "../_atoms/_dropdown_menu/_DropdownMenu"; import { DropdownMenu } from "../dropdown_menu/DropdownMenu";
import { ActionButton } from "../action_button/ActionButton"; import { ActionButton } from "../action_button/ActionButton";
import HelpSvg from "@images/help.svg?react"; import HelpSvg from "@images/help.svg?react";
import { useStore_OpenedQuickSetting } from "@store" import { useStore_OpenedQuickSetting } from "@store"

10
src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.jsx Normal file
View File

@@ -0,0 +1,10 @@
import styles from "./DropdownMenu.module.scss";
import { _DropdownMenu } from "../_atoms/_dropdown_menu/_DropdownMenu";
export const DropdownMenu = (props) => {
return (
<div className={styles.container}>
<_DropdownMenu {...props} />
</div>
);
};

5
src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.module.scss Normal file
View File

@@ -0,0 +1,5 @@
@import "@scss_mixins";
// .container {
// position: relative;
// }

2
src-ui/views/app/config_page/setting_section/setting_box/_components/index.js
View File

@@ -1,7 +1,7 @@
export { ActionButton } from "./action_button/ActionButton"; export { ActionButton } from "./action_button/ActionButton";
export { ComputeDevice } from "./compute_device/ComputeDevice"; export { ComputeDevice } from "./compute_device/ComputeDevice";
export { DeeplAuthKey, OpenWebpage_DeeplAuthKey } from "./deepl_auth_key/DeeplAuthKey"; export { DeeplAuthKey, OpenWebpage_DeeplAuthKey } from "./deepl_auth_key/DeeplAuthKey";
export { DropdownMenu } from "./_atoms/_dropdown_menu/_DropdownMenu"; export { DropdownMenu } from "./dropdown_menu/DropdownMenu";
export { Entry } from "./entry/Entry"; export { Entry } from "./entry/Entry";
export { EntryWithSaveButton } from "./entry_with_save_button/EntryWithSaveButton"; export { EntryWithSaveButton } from "./entry_with_save_button/EntryWithSaveButton";
export { HotkeysEntry } from "./hotkeys_entry/HotkeysEntry"; export { HotkeysEntry } from "./hotkeys_entry/HotkeysEntry";