[Refactor] Refactor the way import files.
Organize some codes.
This commit is contained in:
@@ -23,8 +23,10 @@ export const LanguageSettings = () => {
|
||||
import MicSvg from "@images/mic.svg?react";
|
||||
import HeadphonesSvg from "@images/headphones.svg?react";
|
||||
import { useStore_IsOpenedLanguageSelector } from "@store";
|
||||
import { useMainFunction } from "@logics_main/useMainFunction";
|
||||
import { useLanguageSettings } from "@logics_main/useLanguageSettings";
|
||||
import {
|
||||
useMainFunction,
|
||||
useLanguageSettings,
|
||||
} from "@logics_main";
|
||||
|
||||
// 言語セレクターをトグルする処理を関数化
|
||||
const toggleSelector = (selector, currentStatus, updateSelector) => {
|
||||
|
||||
@@ -5,7 +5,7 @@ import { useTranslation } from "react-i18next";
|
||||
import styles from "./LanguageSwapButton.module.scss";
|
||||
|
||||
import NarrowArrowDownSvg from "@images/narrow_arrow_down.svg?react";
|
||||
import { useLanguageSettings } from "@logics_main/useLanguageSettings";
|
||||
import { useLanguageSettings } from "@logics_main";
|
||||
|
||||
export const LanguageSwapButton = () => {
|
||||
const [isHovered, setIsHovered] = useState(false);
|
||||
|
||||
@@ -12,7 +12,7 @@ export const PresetTabSelector = () => {
|
||||
|
||||
import clsx from "clsx";
|
||||
|
||||
import { useLanguageSettings } from "@logics_main/useLanguageSettings";
|
||||
import { useLanguageSettings } from "@logics_main";
|
||||
|
||||
const Tab = (props) => {
|
||||
const { currentSelectedPresetTabNumber, setSelectedPresetTabNumber } = useLanguageSettings();
|
||||
|
||||
@@ -3,7 +3,7 @@ import { useTranslation } from "react-i18next";
|
||||
import styles from "./TranslatorSelectorOpenButton.module.scss";
|
||||
import { TranslatorSelector } from "./translator_selector/TranslatorSelector";
|
||||
import { useStore_IsOpenedTranslatorSelector } from "@store";
|
||||
import { useLanguageSettings } from "@logics_main/useLanguageSettings";
|
||||
import { useLanguageSettings } from "@logics_main";
|
||||
|
||||
export const TranslatorSelectorOpenButton = () => {
|
||||
const { t } = useTranslation();
|
||||
|
||||
@@ -1,8 +1,9 @@
|
||||
import clsx from "clsx";
|
||||
import styles from "./TranslatorSelector.module.scss";
|
||||
import { chunkArray } from "@utils/chunkArray";
|
||||
|
||||
import { useStore_IsOpenedTranslatorSelector } from "@store";
|
||||
import { useLanguageSettings } from "@logics_main/useLanguageSettings";
|
||||
import { useLanguageSettings } from "@logics_main";
|
||||
|
||||
export const TranslatorSelector = ({selected_translator_id, translation_engines}) => {
|
||||
const columns = (translation_engines.data !== undefined) ? chunkArray(translation_engines.data, 2) : [];
|
||||
@@ -28,7 +29,6 @@ export const TranslatorSelector = ({selected_translator_id, translation_engines}
|
||||
);
|
||||
};
|
||||
|
||||
import clsx from "clsx";
|
||||
const TranslatorBox = (props) => {
|
||||
const { currentSelectedPresetTabNumber, currentSelectedTranslationEngines, setSelectedTranslationEngines} = useLanguageSettings();
|
||||
const { updateIsOpenedTranslatorSelector} = useStore_IsOpenedTranslatorSelector();
|
||||
|
||||
Reference in New Issue
Block a user