From 01327fa852947bf5d7b0b1c4bf3f456dddb0c65f Mon Sep 17 00:00:00 2001
From: Sakamoto Shiina <68018796+ShiinaSakamoto@users.noreply.github.com>
Date: Wed, 12 Nov 2025 10:18:26 +0900
Subject: [PATCH] [Refactor] Introduce wrapper component for DropdownMenu to
 enhance versatility.

---
 .../_atoms/_dropdown_menu/_DropdownMenu.jsx            |  2 +-
 .../_components/compute_device/ComputeDevice.jsx       |  2 +-
 .../_components/dropdown_menu/DropdownMenu.jsx         | 10 ++++++++++
 .../_components/dropdown_menu/DropdownMenu.module.scss |  5 +++++
 .../setting_section/setting_box/_components/index.js   |  2 +-
 5 files changed, 18 insertions(+), 3 deletions(-)
 create mode 100644 src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.jsx
 create mode 100644 src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.module.scss

diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/_atoms/_dropdown_menu/_DropdownMenu.jsx b/src-ui/views/app/config_page/setting_section/setting_box/_components/_atoms/_dropdown_menu/_DropdownMenu.jsx
index a5c1c136..6b429209 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/_components/_atoms/_dropdown_menu/_DropdownMenu.jsx
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/_atoms/_dropdown_menu/_DropdownMenu.jsx
@@ -3,7 +3,7 @@ import clsx from "clsx";
 import ArrowLeftSvg from "@images/arrow_left.svg?react";
 import { useStore_IsOpenedDropdownMenu } from "@store";
 
-export const DropdownMenu = (props) => {
+export const _DropdownMenu = (props) => {
     const { updateIsOpenedDropdownMenu, currentIsOpenedDropdownMenu } = useStore_IsOpenedDropdownMenu();
 
     const toggleDropdownMenu = () => {
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/compute_device/ComputeDevice.jsx b/src-ui/views/app/config_page/setting_section/setting_box/_components/compute_device/ComputeDevice.jsx
index 54c64d04..d077eba5 100644
--- a/src-ui/views/app/config_page/setting_section/setting_box/_components/compute_device/ComputeDevice.jsx
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/compute_device/ComputeDevice.jsx
@@ -1,5 +1,5 @@
 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 HelpSvg from "@images/help.svg?react";
 import { useStore_OpenedQuickSetting } from "@store"
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.jsx b/src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.jsx
new file mode 100644
index 00000000..53c82036
--- /dev/null
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.jsx
@@ -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>
+    );
+};
\ No newline at end of file
diff --git a/src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.module.scss b/src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.module.scss
new file mode 100644
index 00000000..d92585fa
--- /dev/null
+++ b/src-ui/views/app/config_page/setting_section/setting_box/_components/dropdown_menu/DropdownMenu.module.scss
@@ -0,0 +1,5 @@
+@import "@scss_mixins";
+
+// .container {
+//     position: relative;
+// }
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 9d1c4150..e1a7ab32 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
@@ -1,7 +1,7 @@
 export { ActionButton } from "./action_button/ActionButton";
 export { ComputeDevice } from "./compute_device/ComputeDevice";
 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 { EntryWithSaveButton } from "./entry_with_save_button/EntryWithSaveButton";
 export { HotkeysEntry } from "./hotkeys_entry/HotkeysEntry";