import { ElNotification, NotificationHandle } from "element-plus";
import { appWindow, UserAttentionType } from '@tauri-apps/api/window';
import { i18n } from "../main";
import { store } from "../plugins/store";

/**
 * Displays content to the user in the form of a notification appearing on screen bottom right.
 * If the app is not focused when this is invoked, a notification is added to the notifications menu.
 **/
function showNotification(
    title: string,
    message: string = '',
    type: 'success' | 'warning' | 'error' | 'info' = 'success',
    duration: number = 4500
): NotificationHandle {
    if (!document.hasFocus()) {
        const date = new Date();
        const titleWithDate = `${title} (${i18n.global.tc('notification.date_prefix')} ${('0' + date.getHours()).slice(-2)}:${('0' + date.getMinutes()).slice(-2)})`;
        store.commit('addNotification', {title: titleWithDate, text: message, type});
        appWindow.requestUserAttention(UserAttentionType.Informational);
    }

    return ElNotification({
        title, message, type, duration,
        position: 'bottom-right',
    });
}

/**
 * Helper method displaying an error message to the user.
 **/
function showErrorNotification(
    error: string,
    title: string = i18n.global.tc('generic.error')
): NotificationHandle {
    return showNotification(title, error, 'error');
}

export {showNotification, showErrorNotification};