[Update] Config Page: Add Translation Tab. DeeplAuthKey section.

Allow null value to Entry component's input element.

src-ui/logics/configs/index.js

@@ -31,6 +31,8 @@ export { useSpeakerRecordTimeout } from "./transcription/useSpeakerRecordTimeout
 export { useSpeakerPhraseTimeout } from "./transcription/useSpeakerPhraseTimeout";
 export { useSpeakerMaxWords } from "./transcription/useSpeakerMaxWords";
 
+export { useDeepLAuthKey } from "./translation/useDeepLAuthKey";
+
 export { useIsEnabledOverlaySmallLog } from "./vr/useIsEnabledOverlaySmallLog";
 export { useOverlaySettings } from "./vr/useOverlaySettings";
 export { useOverlaySmallLogSettings } from "./vr/useOverlaySmallLogSettings";

src-ui/logics/configs/translation/useDeepLAuthKey.js

@@ -0,0 +1,30 @@
+import { useStore_DeepLAuthKey } from "@store";
+import { useStdoutToPython } from "@logics/useStdoutToPython";
+
+export const useDeepLAuthKey = () => {
+    const { asyncStdoutToPython } = useStdoutToPython();
+    const { currentDeepLAuthKey, updateDeepLAuthKey, pendingDeepLAuthKey } = useStore_DeepLAuthKey();
+
+    const getDeepLAuthKey = () => {
+        pendingDeepLAuthKey();
+        asyncStdoutToPython("/get/data/deepl_auth_key");
+    };
+
+    const setDeepLAuthKey = (selected_deepl_auth_key) => {
+        pendingDeepLAuthKey();
+        asyncStdoutToPython("/set/data/deepl_auth_key", selected_deepl_auth_key);
+    };
+
+    const deleteDeepLAuthKey = () => {
+        pendingDeepLAuthKey();
+        asyncStdoutToPython("/delete/data/deepl_auth_key");
+    };
+
+    return {
+        currentDeepLAuthKey,
+        getDeepLAuthKey,
+        updateDeepLAuthKey,
+        setDeepLAuthKey,
+        deleteDeepLAuthKey,
+    };
+};