@@ -106,10 +74,6 @@ const UiLanguageContainer = () => {
);
};
-
-import { SliderContainer } from "../components/useSettingBox";
-
-import { useEffect, useState } from "react";
const UiScalingContainer = () => {
const { t } = useTranslation();
const { currentUiScaling, setUiScaling } = useUiScaling();
@@ -192,8 +156,7 @@ const MessageLogUiScalingContainer = () => {
/>
);
};
-import { useStore_SelectableFontFamilyList } from "@store";
-import { DropdownMenuContainer } from "../components/useSettingBox";
+
const FontFamilyContainer = () => {
const { t } = useTranslation();
const { currentSelectedFontFamily, setSelectedFontFamily } = useSelectedFontFamily();
@@ -216,7 +179,6 @@ const FontFamilyContainer = () => {
);
};
-
const TransparencyContainer = () => {
const { t } = useTranslation();
const { currentTransparency, setTransparency } = useTransparency();
@@ -255,20 +217,4 @@ const TransparencyContainer = () => {
track={false}
/>
);
-};
-
-// import { CheckboxContainer } from "../components/useSettingBox";
-
-// const RestoreWindowGeometryContainer = () => {
-// const { t } = useTranslation();
-// const { currentRestoreWindowGeometry, toggleRestoreWindowGeometry } = useRestoreWindowGeometry();
-
-// return (
-//
-// );
-// };
\ No newline at end of file
+};
\ No newline at end of file
diff --git a/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.jsx b/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.jsx
deleted file mode 100644
index 58a874fe..00000000
--- a/src-ui/app/config_page/setting_section/setting_box/components/useSettingBox.jsx
+++ /dev/null
@@ -1,132 +0,0 @@
-import styles from "./useSettingBox.module.scss";
-import { useStore_IsOpenedDropdownMenu } from "@store";
-import clsx from "clsx";
-
-import { LabelComponent } from "./label_component/LabelComponent";
-import { DropdownMenu } from "./dropdown_menu/DropdownMenu";
-import { Slider } from "./slider/Slider";
-import { Checkbox } from "./checkbox/Checkbox";
-import { Switchbox } from "./switchbox/Switchbox";
-import { Entry } from "./entry/Entry";
-import { RadioButton } from "./radio_button/RadioButton";
-import { OpenWebpage_DeeplAuthKey, DeeplAuthKey } from "./deepl_auth_key/DeeplAuthKey";
-import { ActionButton } from "./action_button/ActionButton";
-import { WordFilter, WordFilterListToggleComponent } from "./word_filter/WordFilter";
-
-
-export const useOnMouseLeaveDropdownMenu = () => {
- const { updateIsOpenedDropdownMenu } = useStore_IsOpenedDropdownMenu();
-
- const onMouseLeaveFunction = () => {
- updateIsOpenedDropdownMenu("");
- };
-
- return { onMouseLeaveFunction };
-};
-
-export const DropdownMenuContainer = (props) => {
- const { onMouseLeaveFunction } = useOnMouseLeaveDropdownMenu();
-
- return (
-
-
-
-
- );
-};
-
-
-export const SliderContainer = (props) => {
- return (
-
-
-
-
- );
-};
-
-export const CheckboxContainer = (props) => {
- return (
-
-
-
-
- );
-};
-
-export const useSettingBox = () => {
- const SwitchboxContainer = (props) => {
- return (
-
-
-
-
- );
- };
-
- const EntryContainer = (props) => {
- return (
-
-
-
-
- );
- };
-
- const RadioButtonContainer = (props) => {
- return (
-
-
-
-
- );
- };
-
- const DeeplAuthKeyContainer = (props) => {
- return (
-
- );
- };
-
- const ActionButtonContainer = (props) => {
- return (
-
- );
- };
-
-
- const WordFilterContainer = (props) => {
- return (
-
- );
- };
-
- return {
- CheckboxContainer,
- SwitchboxContainer,
- EntryContainer,
- RadioButtonContainer,
- DeeplAuthKeyContainer,
- WordFilterContainer,
- ActionButtonContainer,
- };
-};
\ No newline at end of file
diff --git a/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx b/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
index f26a34c8..877dc019 100644
--- a/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/device/Device.jsx
@@ -1,18 +1,5 @@
-import clsx from "clsx";
import { useTranslation } from "react-i18next";
import styles from "./Device.module.scss";
-import {
- useOnMouseLeaveDropdownMenu,
-} from "../components/useSettingBox";
-export const Device = () => {
- return (
- <>
-
-
-
- );
-};
-
import {
useEnableAutoMicSelect,
useMicHostList,
@@ -26,16 +13,31 @@ import {
useSpeakerThreshold,
} from "@logics_configs";
-import { LabelComponent } from "../components/label_component/LabelComponent";
-import { DropdownMenu } from "../components/dropdown_menu/DropdownMenu";
-import { ThresholdComponent } from "../components/threshold_component/ThresholdComponent";
-import { Switchbox } from "../components/switchbox/Switchbox";
+import {
+ useOnMouseLeaveDropdownMenu,
+} from "../_templates/Templates";
+
+import {
+ LabelComponent,
+ DropdownMenu,
+ ThresholdComponent,
+ SwitchBox,
+} from "../_components/";
+
+export const Device = () => {
+ return (
+ <>
+
+
+
+ );
+};
const Mic_Container = () => {
const { t } = useTranslation();
const { currentEnableAutoMicSelect, toggleEnableAutoMicSelect } = useEnableAutoMicSelect();
const { currentSelectedMicHost, setSelectedMicHost } = useSelectedMicHost();
- const { currentMicHostList, getMicHostList } = useMicHostList();
+ const { currentMicHostList } = useMicHostList();
const { onMouseLeaveFunction } = useOnMouseLeaveDropdownMenu();
const { currentEnableAutomaticMicThreshold, toggleEnableAutomaticMicThreshold } = useMicThreshold();
@@ -47,7 +49,7 @@ const Mic_Container = () => {
const is_disabled_selector = currentEnableAutoMicSelect.data === true || currentEnableAutoMicSelect.data === "pending";
const { currentSelectedMicDevice, setSelectedMicDevice } = useSelectedMicDevice();
- const { currentMicDeviceList, getMicDeviceList } = useMicDeviceList();
+ const { currentMicDeviceList } = useMicDeviceList();
const selectFunction_device = (selected_data) => {
setSelectedMicDevice(selected_data.selected_id);
@@ -75,7 +77,7 @@ const Mic_Container = () => {
{t("config_page.mic_host_device.label_auto_select")}
-
@@ -89,7 +91,6 @@ const Mic_Container = () => {
selected_id={currentSelectedMicHost.data}
list={currentMicHostList.data}
selectFunction={selectFunction_host}
- // openListFunction={getMicHostList}
state={currentSelectedMicHost.state}
style={{ maxWidth: "20rem", minWidth: "10rem" }}
is_disabled={is_disabled_selector}
@@ -103,7 +104,6 @@ const Mic_Container = () => {
selected_id={currentSelectedMicDevice.data}
list={currentMicDeviceList.data}
selectFunction={selectFunction_device}
- // openListFunction={getMicDeviceList}
state={currentSelectedMicDevice.state}
is_disabled={is_disabled_selector}
/>
@@ -114,7 +114,7 @@ const Mic_Container = () => {
-
@@ -135,7 +135,7 @@ const Speaker_Container = () => {
const { t } = useTranslation();
const { currentEnableAutoSpeakerSelect, toggleEnableAutoSpeakerSelect } = useEnableAutoSpeakerSelect();
const { currentSelectedSpeakerDevice, setSelectedSpeakerDevice } = useSelectedSpeakerDevice();
- const { currentSpeakerDeviceList, getSpeakerDeviceList } = useSpeakerDeviceList();
+ const { currentSpeakerDeviceList } = useSpeakerDeviceList();
const { onMouseLeaveFunction } = useOnMouseLeaveDropdownMenu();
const { currentEnableAutomaticSpeakerThreshold, toggleEnableAutomaticSpeakerThreshold } = useSpeakerThreshold();
@@ -168,7 +168,7 @@ const Speaker_Container = () => {
{t("config_page.speaker_device.label_auto_select")}
-
@@ -182,7 +182,6 @@ const Speaker_Container = () => {
selected_id={currentSelectedSpeakerDevice.data}
list={currentSpeakerDeviceList.data}
selectFunction={selectFunction}
- // openListFunction={getSpeakerDeviceList}
state={currentSelectedSpeakerDevice.state}
is_disabled={is_disabled_selector}
/>
@@ -192,7 +191,7 @@ const Speaker_Container = () => {
-
diff --git a/src-ui/app/config_page/setting_section/setting_box/others/Others.jsx b/src-ui/app/config_page/setting_section/setting_box/others/Others.jsx
index 09864c98..3f4c3d0f 100644
--- a/src-ui/app/config_page/setting_section/setting_box/others/Others.jsx
+++ b/src-ui/app/config_page/setting_section/setting_box/others/Others.jsx
@@ -1,9 +1,5 @@
import { useTranslation } from "react-i18next";
-import { useSettingBox } from "../components/useSettingBox";
-// import {
-// useStore_EnableAutoClearMessageBox,
-// } from "@store";
-
+import { useSettingBox } from "../_components/useSettingBox";
import { useConfig } from "@logics/useConfig";
export const Others = () => {
diff --git a/src-ui/logics/useReceiveRoutes.js b/src-ui/logics/useReceiveRoutes.js
index a76e1447..c879706c 100644
--- a/src-ui/logics/useReceiveRoutes.js
+++ b/src-ui/logics/useReceiveRoutes.js
@@ -34,7 +34,6 @@ import {
useUiScaling,
useMessageLogUiScaling,
useTransparency,
- // useRestoreWindowGeometry,
} from "@logics_configs";
export const useReceiveRoutes = () => {
@@ -85,8 +84,6 @@ export const useReceiveRoutes = () => {
const { updateMessageInputBoxRatio } = useMessageInputBoxRatio();
const { updateSelectedFontFamily } = useSelectedFontFamily();
const { updateTransparency } = useTransparency();
- // const { updateRestoreWindowGeometry } = useRestoreWindowGeometry();
-
const routes = {
// Common
@@ -230,10 +227,6 @@ export const useReceiveRoutes = () => {
"/get/data/transparency": updateTransparency,
"/set/data/transparency": updateTransparency,
- // "/get/data/restore_main_window_geometry": updateRestoreWindowGeometry,
- // "/set/enable/restore_main_window_geometry": updateRestoreWindowGeometry,
- // "/set/disable/restore_main_window_geometry": updateRestoreWindowGeometry,
-
// Others Tab
"/get/data/auto_clear_message_box": updateEnableAutoClearMessageBox,
"/set/enable/auto_clear_message_box": updateEnableAutoClearMessageBox,
diff --git a/src-ui/store.js b/src-ui/store.js
index 870cb963..e104d8af 100644
--- a/src-ui/store.js
+++ b/src-ui/store.js
@@ -99,7 +99,6 @@ const createAtomWithHook = (initialValue, base_name, options) => {
// Common
-// export const { atomInstance: Atom_RestoreWindowGeometry, useHook: useStore_RestoreWindowGeometry } = createAtomWithHook(true, "RestoreWindowGeometry");
export const { atomInstance: Atom_IsOpenedConfigPage, useHook: useStore_IsOpenedConfigPage } = createAtomWithHook(false, "IsOpenedConfigPage");
export const { atomInstance: Atom_MainFunctionsStateMemory, useHook: useStore_MainFunctionsStateMemory } = createAtomWithHook({
transcription_send: false,