[Refactor/TMP1] Refactor UI components and connect to backend APIs. (Device, Appearance)

src-ui/app/config_page/setting_section/setting_box/about_vrct/AboutVrct.jsx

@@ -28,12 +28,12 @@ import poster_showcase_section_title from "@images/about_vrct/poster_showcase_se
 
 import clsx from "clsx";
 import { useI18n } from "@useI18n";
-import { useStore_UiLanguage } from "@store";
+import { useAppearance } from "@logics_configs";
 import { PosterShowcaseContents } from "./poster_showcase_contents/PosterShowcaseContents";
 
 export const AboutVrct = () => {
     const { t } = useI18n();
-    const { currentUiLanguage } = useStore_UiLanguage();
+    const { currentUiLanguage } = useAppearance();
     return (
         <div className={styles.container}>
             <div className={styles.dev_section}>

src-ui/app/config_page/setting_section/setting_box/about_vrct/poster_showcase_contents/posters_contents/PostersContents.jsx

@@ -1,6 +1,6 @@
 import clsx from "clsx";
 import styles from "./PostersContents.module.scss";
-import { useStore_UiLanguage } from "@store";
+import { useAppearance } from "@logics_configs";
 
 import { useStore_VrctPosterIndex } from "@store";
 import ArrowLeftSvg from "@images/arrow_left.svg?react";
@@ -30,7 +30,7 @@ import poster_images_authors_m_en from "@images/about_vrct/vrct_posters/authors/
 
 export const PostersContents = () => {
     const { currentVrctPosterIndex, updateVrctPosterIndex } = useStore_VrctPosterIndex();
-    const { currentUiLanguage } = useStore_UiLanguage();
+    const { currentUiLanguage } = useAppearance();
 
 
     const updateIndex = (delta) => {

src-ui/app/config_page/setting_section/setting_box/transcription/Transcription.jsx

@@ -232,8 +232,8 @@ const WhisperWeightType_Box = () => {
     const { t } = useI18n();
     const {
         currentWhisperWeightTypeStatus,
-        pendingWhisperWeightType,
-        downloadWhisperWeight,
+        pendingWhisperWeightTypeStatus,
+        downloadWhisperWeightTypeStatus,
     } = useTranscription();
     const { currentSelectedWhisperWeightType, setSelectedWhisperWeightType } = useTranscription();
 
@@ -242,8 +242,8 @@ const WhisperWeightType_Box = () => {
     };
 
     const downloadStartFunction = (id) => {
-        pendingWhisperWeightType(id);
-        downloadWhisperWeight(id);
+        pendingWhisperWeightTypeStatus(id);
+        downloadWhisperWeightTypeStatus(id);
     };
 
     const new_labels = [

src-ui/app/config_page/setting_section/setting_box/translation/Translation.jsx

@@ -34,8 +34,8 @@ const CTranslate2WeightType_Box = () => {
     const { t } = useI18n();
     const {
         currentCTranslate2WeightTypeStatus,
-        pendingCTranslate2WeightType,
-        downloadCTranslate2Weight,
+        pendingCTranslate2WeightTypeStatus,
+        downloadCTranslate2WeightTypeStatus,
 
         currentSelectedCTranslate2WeightType,
         setSelectedCTranslate2WeightType,
@@ -46,8 +46,8 @@ const CTranslate2WeightType_Box = () => {
     };
 
     const downloadStartFunction = (id) => {
-        pendingCTranslate2WeightType(id);
-        downloadCTranslate2Weight(id);
+        pendingCTranslate2WeightTypeStatus(id);
+        downloadCTranslate2WeightTypeStatus(id);
     };
 
     const new_labels = [

src-ui/app/index.jsx

@@ -5,6 +5,7 @@ import "./_index_css/root.css";
 import { getCurrentWindow } from "@tauri-apps/api/window";
 
 import { store } from "@store";
+
 store.appWindow = getCurrentWindow();
 
 import { App } from "./App";