[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:
@@ -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,
|
||||
});
|
||||
};
|
||||
|
||||
@@ -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のものだけ残す
|
||||
|
||||
Reference in New Issue
Block a user