tdsds.com/gitea
1
1
Fork 0
mirror of https://github.com/go-gitea/gitea synced 2025-10-31 03:18:24 +00:00
Code Releases Activity

Refactor toast module (#26677)

Browse Source 
1. Do not use "async"
2. Call `hideToast` instead of `removeElement` for manual closing
This commit is contained in:
wxiaoguang
2023-08-23 15:25:13 +08:00
committed by GitHub
parent e4b2bdfbc0
commit a428591f6b
3 changed files with 15 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
web_src/js/modules/toast.js
View File

@@ -1,6 +1,6 @@
import {htmlEscape} from 'escape-goat';
import {svg} from '../svg.js';
import Toastify from 'toastify-js';
import Toastify from 'toastify-js'; // don't use "async import", because when network error occurs, the "async import" also fails and nothing is shown
const levels = {
info: {
@@ -21,9 +21,7 @@ const levels = {
};
// See https://github.com/apvarun/toastify-js#api for options
async function showToast(message, level, {gravity, position, duration, ...other} = {}) {
if (!message) return;
function showToast(message, level, {gravity, position, duration, ...other} = {}) {
const {icon, background, duration: levelDuration} = levels[level ?? 'info'];
const toast = Toastify({
@@ -41,20 +39,17 @@ async function showToast(message, level, {gravity, position, duration, ...other}
});
toast.showToast();
toast.toastElement.querySelector('.toast-close').addEventListener('click', () => {
toast.removeElement(toast.toastElement);
});
toast.toastElement.querySelector('.toast-close').addEventListener('click', () => toast.hideToast());
}
export async function showInfoToast(message, opts) {
return await showToast(message, 'info', opts);
export function showInfoToast(message, opts) {
return showToast(message, 'info', opts);
}
export async function showWarningToast(message, opts) {
return await showToast(message, 'warning', opts);
export function showWarningToast(message, opts) {
return showToast(message, 'warning', opts);
}
export async function showErrorToast(message, opts) {
return await showToast(message, 'error', opts);
export function showErrorToast(message, opts) {
return showToast(message, 'error', opts);
}