[Update] Config Page: Add notification ui. show error messages.

src-ui/logics/common/index.js

@@ -5,6 +5,7 @@ export { useWindow } from "./useWindow";
 export { useIsOpenedConfigPage } from "./useIsOpenedConfigPage";
 export { useIsSoftwareUpdateAvailable } from "./useIsSoftwareUpdateAvailable";
 export { useIsSoftwareUpdating } from "./useIsSoftwareUpdating";
+export { useNotificationStatus } from "./useNotificationStatus";
 export { useOpenFolder } from "./useOpenFolder";
 export { useMessage } from "./useMessage";
 export { useUpdateSoftware } from "./useUpdateSoftware";

src-ui/logics/common/useNotificationStatus.js

@@ -0,0 +1,42 @@
+import { useStore_NotificationStatus } from "@store";
+
+export const useNotificationStatus = () => {
+    const { currentNotificationStatus, updateNotificationStatus } = useStore_NotificationStatus();
+
+    const generateRandomKey = () => Math.random();
+
+    const showNotification_Error = (message) => {
+        updateNotificationStatus({
+            status: "error",
+            is_open: true,
+            key: generateRandomKey(),
+            message: message,
+        });
+    };
+
+    const showNotification_Success = (message) => {
+        updateNotificationStatus({
+            status: "success",
+            is_open: true,
+            key: generateRandomKey(),
+            message: message,
+        });
+    };
+
+    const closeNotification = (event, reason) => {
+        if (reason === "clickaway") return;
+        updateNotificationStatus((prev) => ({
+            ...prev.data,
+            is_open: false,
+        }));
+    };
+
+    return {
+        currentNotificationStatus,
+        updateNotificationStatus,
+
+        showNotification_Error,
+        showNotification_Success,
+        closeNotification,
+    };
+};