[Refactor] store.js, etc..: Rename variables and functions.

suffix '_Status' is for async. It has 'loading' state, for now.

src-ui/windows/main_window/sidebar_section/language_settings/LanguageSettings.jsx

@@ -2,20 +2,20 @@ import { useTranslation } from "react-i18next";
 
 import styles from "./LanguageSettings.module.scss";
 
-import { PresetSelectTabs } from "./preset_select_tabs/PresetSelectTabs";
+import { PresetTabSelector } from "./preset_tab_selector/PresetTabSelector";
 import { LanguageSelectorOpenButton } from "./language_selector_open_button/LanguageSelectorOpenButton";
 import { LanguageSwapButton } from "./language_swap_button/LanguageSwapButton";
 import { TranslatorSelectorOpenButton } from "./translator_selector_open_button/TranslatorSelectorOpenButton";
-import { useOpenedTranslatorSelector } from "@store";
+import { useIsOpenedTranslatorSelector } from "@store";
 
 export const LanguageSettings = () => {
-    const { updateOpenedTranslatorSelector} = useOpenedTranslatorSelector();
-    const closeTranslatorSelector = () => updateOpenedTranslatorSelector(false);
+    const { updateIsOpenedTranslatorSelector} = useIsOpenedTranslatorSelector();
+    const closeTranslatorSelector = () => updateIsOpenedTranslatorSelector(false);
 
     return (
         <div className={styles.container} onMouseLeave={closeTranslatorSelector} >
             <p className={styles.title}>Language Settings</p>
-            <PresetSelectTabs />
+            <PresetTabSelector />
             <PresetContainer />
         </div>
     );
@@ -32,8 +32,8 @@ const PresetContainer = () => {
     const { updateIsOpenedLanguageSelector, currentIsOpenedLanguageSelector } = useIsOpenedLanguageSelector();
 
     const {
-        currentState_TranscriptionSend,
-        currentState_TranscriptionReceive,
+        currentTranscriptionSendStatus,
+        currentTranscriptionReceiveStatus,
     } = useMainFunction();
 
 
@@ -79,7 +79,7 @@ const PresetContainer = () => {
         is_opened: currentIsOpenedLanguageSelector.your_language,
         onClickFunction: () => handleLanguageSelectorClick("your_language"),
         TurnedOnSvgComponent: <MicSvg />,
-        is_turned_on: currentState_TranscriptionSend.data,
+        is_turned_on: currentTranscriptionSendStatus.data,
     };
 
     const target_language_settings = {
@@ -87,7 +87,7 @@ const PresetContainer = () => {
         is_opened: currentIsOpenedLanguageSelector.target_language,
         onClickFunction: () => handleLanguageSelectorClick("target_language"),
         TurnedOnSvgComponent: <HeadphonesSvg />,
-        is_turned_on: currentState_TranscriptionReceive.data,
+        is_turned_on: currentTranscriptionReceiveStatus.data,
     };
 
     return (

src-ui/windows/main_window/sidebar_section/language_settings/preset_tab_selector/PresetTabSelector.jsx

@@ -1,6 +1,6 @@
-import styles from "./PresetSelectTabs.module.scss";
+import styles from "./PresetTabSelector.module.scss";
 
-export const PresetSelectTabs = () => {
+export const PresetTabSelector = () => {
     return (
         <div className={styles.container}>
             <Tab preset_number={1} />
@@ -12,16 +12,16 @@ export const PresetSelectTabs = () => {
 
 import clsx from "clsx";
 
-import { useSelectedTab } from "@store";
+import { useSelectedPresetTabStatus } from "@store";
 
 const Tab = (props) => {
-    const { updateSelectedTab, currentSelectedTab } = useSelectedTab();
+    const { updateSelectedPresetTabStatus, currentSelectedPresetTabStatus } = useSelectedPresetTabStatus();
     const onclickFunction = () => {
-        updateSelectedTab(props.preset_number);
+        updateSelectedPresetTabStatus(props.preset_number);
     };
 
     const class_names = clsx(styles["tab_container"], {
-        [styles["is_selected"]]: (currentSelectedTab === props.preset_number) ? true : false
+        [styles["is_selected"]]: (currentSelectedPresetTabStatus === props.preset_number) ? true : false
     });
 
     return (

src-ui/windows/main_window/sidebar_section/language_settings/translator_selector_open_button/TranslatorSelectorOpenButton.jsx

@@ -2,19 +2,19 @@ import { useTranslation } from "react-i18next";
 
 import styles from "./TranslatorSelectorOpenButton.module.scss";
 import { TranslatorSelector } from "./translator_selector/TranslatorSelector";
-import { useTranslatorList, useSelectedTranslator, useOpenedTranslatorSelector } from "@store";
+import { useTranslatorListStatus, useSelectedTranslatorIdStatus, useIsOpenedTranslatorSelector } from "@store";
 
 export const TranslatorSelectorOpenButton = () => {
     const { t } = useTranslation();
-    const { currentSelectedTranslator } = useSelectedTranslator();
-    const { currentTranslatorList } = useTranslatorList();
-    const currentTranslator = currentTranslatorList.find(
-        translator_data => translator_data.translator_key === currentSelectedTranslator
+    const { currentSelectedTranslatorIdStatus } = useSelectedTranslatorIdStatus();
+    const { currentTranslatorListStatus } = useTranslatorListStatus();
+    const currentTranslator = currentTranslatorListStatus.find(
+        translator_data => translator_data.translator_key === currentSelectedTranslatorIdStatus
     );
 
-    const { currentOpenedTranslatorSelector, updateOpenedTranslatorSelector} = useOpenedTranslatorSelector();
+    const { currentIsOpenedTranslatorSelector, updateIsOpenedTranslatorSelector} = useIsOpenedTranslatorSelector();
 
-    const openTranslatorSelector = () => updateOpenedTranslatorSelector(!currentOpenedTranslatorSelector);
+    const openTranslatorSelector = () => updateIsOpenedTranslatorSelector(!currentIsOpenedTranslatorSelector);
 
     return (
         <div className={styles.container}>
@@ -22,7 +22,7 @@ export const TranslatorSelectorOpenButton = () => {
                 <p className={styles.label}>{t("main_window.translator")}</p>
                 <p className={styles.label}>{currentTranslator?.translator_name}</p>
             </div>
-            {currentOpenedTranslatorSelector && <TranslatorSelector />}
+            {currentIsOpenedTranslatorSelector && <TranslatorSelector />}
         </div>
     );
 };

src-ui/windows/main_window/sidebar_section/language_settings/translator_selector_open_button/translator_selector/TranslatorSelector.jsx

@@ -1,10 +1,10 @@
 import styles from "./TranslatorSelector.module.scss";
 import { chunkArray } from "@utils/chunkArray";
 
-import { useTranslatorList, useSelectedTranslator, useOpenedTranslatorSelector } from "@store";
+import { useTranslatorListStatus, useSelectedTranslatorIdStatus, useIsOpenedTranslatorSelector } from "@store";
 export const TranslatorSelector = () => {
-    const { currentTranslatorList } = useTranslatorList();
-    const columns = chunkArray(currentTranslatorList, 2);
+    const { currentTranslatorListStatus } = useTranslatorListStatus();
+    const columns = chunkArray(currentTranslatorListStatus, 2);
 
     return (
         <div className={styles.container}>
@@ -28,18 +28,18 @@ export const TranslatorSelector = () => {
 
 import clsx from "clsx";
 const TranslatorBox = (props) => {
-    const { currentSelectedTranslator, updateSelectedTranslator} = useSelectedTranslator();
-    const { updateOpenedTranslatorSelector} = useOpenedTranslatorSelector();
+    const { currentSelectedTranslatorIdStatus, updateSelectedTranslatorIdStatus} = useSelectedTranslatorIdStatus();
+    const { updateIsOpenedTranslatorSelector} = useIsOpenedTranslatorSelector();
 
     const box_class_name = clsx(
         styles.box,
-        { [styles["is_selected"]]: (currentSelectedTranslator === props.translator_id) ? true : false },
+        { [styles["is_selected"]]: (currentSelectedTranslatorIdStatus === props.translator_id) ? true : false },
         { [styles["is_available"]]: (props.is_available === true) ? true : false }
     );
 
     const selectTranslator = () => {
-        updateSelectedTranslator(props.translator_id);
-        updateOpenedTranslatorSelector(false);
+        updateSelectedTranslatorIdStatus(props.translator_id);
+        updateIsOpenedTranslatorSelector(false);
     };
     return (
         <div className={box_class_name} onClick={selectTranslator}>