[bugfix] Config Page: AdvancedSettings: Add save button to Entry components.

Add error handlings.

src-ui/logics/configs/advanced_settings/useOscIpAddress.js

@@ -1,7 +1,9 @@
 import { useStore_OscIpAddress } from "@store";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
+import { useNotificationStatus } from "@logics_common";
 
 export const useOscIpAddress = () => {
+    const { showNotification_Error } = useNotificationStatus();
     const { asyncStdoutToPython } = useStdoutToPython();
     const { currentOscIpAddress, updateOscIpAddress, pendingOscIpAddress } = useStore_OscIpAddress();
 
@@ -15,10 +17,17 @@ export const useOscIpAddress = () => {
         asyncStdoutToPython("/set/data/osc_ip_address", osc_ip_address);
     };
 
+    const saveErrorOscIpAddress = ({data, message, _result}) => {
+        updateOscIpAddress(d => d.data);
+        showNotification_Error(_result);
+    };
+
     return {
         currentOscIpAddress,
         getOscIpAddress,
         updateOscIpAddress,
         setOscIpAddress,
+
+        saveErrorOscIpAddress,
     };
 };

src-ui/logics/configs/advanced_settings/useOscPort.js

@@ -1,7 +1,9 @@
 import { useStore_OscPort } from "@store";
 import { useStdoutToPython } from "@logics/useStdoutToPython";
+import { useNotificationStatus } from "@logics_common";
 
 export const useOscPort = () => {
+    const { showNotification_Error } = useNotificationStatus();
     const { asyncStdoutToPython } = useStdoutToPython();
     const { currentOscPort, updateOscPort, pendingOscPort } = useStore_OscPort();
 
@@ -15,10 +17,17 @@ export const useOscPort = () => {
         asyncStdoutToPython("/set/data/osc_port", osc_port);
     };
 
+    const saveErrorOscPort = ({data, message, _result}) => {
+        updateOscPort(d => d.data);
+        showNotification_Error(_result);
+    };
+
     return {
         currentOscPort,
         getOscPort,
         updateOscPort,
         setOscPort,
+
+        saveErrorOscPort,
     };
 };

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

@@ -18,22 +18,30 @@ export const useDeepLAuthKey = () => {
         pendingDeepLAuthKey();
         asyncStdoutToPython("/set/data/deepl_auth_key", selected_deepl_auth_key);
     };
-    const saveSuccessDeepLAuthKey = (saved_deepl_auth_key) => {
-        updateDeepLAuthKey(saved_deepl_auth_key);
-        showNotification_Success(t("config_page.translation.deepl_auth_key.auth_key_success"));
-    };
 
     const deleteDeepLAuthKey = () => {
         pendingDeepLAuthKey();
         asyncStdoutToPython("/delete/data/deepl_auth_key");
     };
 
+    const savedDeepLAuthKey = (data) => {
+        updateDeepLAuthKey(data);
+        showNotification_Success(t("config_page.translation.deepl_auth_key.auth_key_success"));
+    };
+
+    const saveErrorDeepLAuthKey = ({data, message}) => {
+        updateDeepLAuthKey(data);
+        showNotification_Error(message);
+    };
+
     return {
         currentDeepLAuthKey,
         getDeepLAuthKey,
         updateDeepLAuthKey,
         setDeepLAuthKey,
-        saveSuccessDeepLAuthKey,
         deleteDeepLAuthKey,
+
+        saveErrorDeepLAuthKey,
+        savedDeepLAuthKey,
     };
 };