[Update/bugfix] Notification UI:

Adjust an animation.
Add localizations.
Fix stack behavior that was not updated correctly. (it still has an issue tho.)
This commit is contained in:
Sakamoto Shiina
2025-06-21 09:38:38 +09:00
parent 1623352c92
commit e02ed91721
6 changed files with 46 additions and 28 deletions

View File

@@ -1,7 +1,9 @@
import { useStore_NotificationStatus } from "@store";
import { useI18n } from "@useI18n";
export const useNotificationStatus = () => {
const { currentNotificationStatus, updateNotificationStatus } = useStore_NotificationStatus();
const { t } = useI18n();
const showNotification_Warning = (message, options = {}) => {
updateNotificationStatus({
@@ -34,12 +36,12 @@ export const useNotificationStatus = () => {
};
const showNotification_SaveSuccess = (options = {}) => {
options = { hide_duration: 2000, to_hide_progress_bar: true, ...options };
options = { hide_duration: 1000, to_hide_progress_bar: true, ...options };
updateNotificationStatus({
status: "success",
is_open: true,
category_id: (options.category_id) ? options.category_id : null,
message: "設定の適用と、保存が完了しました。",
category_id: "save_success",
message: t("config_page.notifications.save_success"),
options: options,
});
};

View File

@@ -283,6 +283,10 @@ export const usePlugins = () => {
};
const toggleSavedPluginsStatus = (target_plugin_id) => {
const successPluginNotification = (message) => showNotification_Success(message, {
hide_duration: 1000,
category_id: "to_enable_plugin"
});
const is_exists = currentSavedPluginsStatus.data.some(
(d) => d.plugin_id === target_plugin_id
);
@@ -292,8 +296,8 @@ export const usePlugins = () => {
if (d.plugin_id === target_plugin_id) {
d.is_enabled = !d.is_enabled;
(d.is_enabled)
? showNotification_Success(t("plugin_notifications.is_enabled"))
: showNotification_Success(t("plugin_notifications.is_disabled"));
? successPluginNotification(t("plugin_notifications.is_enabled"))
: successPluginNotification(t("plugin_notifications.is_disabled"));
}
return d;
});
@@ -303,7 +307,7 @@ export const usePlugins = () => {
plugin_id: target_plugin_id,
is_enabled: true,
});
showNotification_Success(t("plugin_notifications.is_enabled"))
successPluginNotification(t("plugin_notifications.is_enabled"))
}
// 「currentPluginsData.data」でis_downloadedがtrueのものだけ残す