aboutsummaryrefslogtreecommitdiff
path: root/src/app/toast.js
diff options
context:
space:
mode:
author0neGal <mail@0negal.com>2022-11-23 01:18:36 +0100
committer0neGal <mail@0negal.com>2022-11-23 01:18:36 +0100
commit47d62df1a205789574bd3c8e06af0fdc07322306 (patch)
treea182ebf001e3eb6ba7bb155cba5393f94d7835e4 /src/app/toast.js
parenta12c73e95f7de4167d4e20f77d5e942f1e12d179 (diff)
downloadViper-47d62df1a205789574bd3c8e06af0fdc07322306.tar.gz
Viper-47d62df1a205789574bd3c8e06af0fdc07322306.zip
added more user friendly error message
When JavaScript errors occur outside of the renderer, they'll no longer display a big and confusingly detailed error stack, now they'll simply be shown a toast about the fact that an error happened. The user can then click this to get more details, but still without it being as invasive and obtuse as before.
Diffstat (limited to 'src/app/toast.js')
-rw-r--r--src/app/toast.js6
1 files changed, 5 insertions, 1 deletions
diff --git a/src/app/toast.js b/src/app/toast.js
index 9cb8996..3bc1745 100644
--- a/src/app/toast.js
+++ b/src/app/toast.js
@@ -3,6 +3,7 @@ function Toast(properties) {
fg: "#000000",
bg: "#FFFFFF",
timeout: 3000,
+ callback: () => {},
title: "Untitled Toast",
description: "No description provided for toast",
...properties
@@ -34,7 +35,10 @@ function Toast(properties) {
el.style.background = toast.bg;
el.id = id;
- el.setAttribute("onclick", `dismissToast(${id})`);
+ el.addEventListener("click", () => {
+ dismissToast(id);
+ toast.callback();
+ })
el.innerHTML = `
<div class="title">${toast.title}</div>