Account for fetch in promise (#223)

* Account for fetch in promise * Clenaup
emilkowalski · Nov 10, 2023 · 8472d54 · 8472d54 · vercel · Nov 10, 2023
1 parent 48de91c
commit 8472d54
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 4 deletions.
diff --git a/src/state.ts b/src/state.ts
@@ -123,10 +123,18 @@ class Observer {
 
     let shouldDismiss = id !== undefined;
 
-    p.then((promiseData) => {
-      if (data.success !== undefined) {
+    p.then((response) => {
+      // TODO: Clean up TS here, response has incorrect type
+      // @ts-expect-error
+      if (response && typeof response.ok === 'boolean' && !response.ok) {
         shouldDismiss = false;
-        const message = typeof data.success === 'function' ? data.success(promiseData) : data.success;
+        const message =
+          // @ts-expect-error
+          typeof data.error === 'function' ? data.error(`HTTP error! status: ${response.status}`) : data.error;
+        this.create({ id, type: 'error', message });
+      } else if (data.success !== undefined) {
+        shouldDismiss = false;
+        const message = typeof data.success === 'function' ? data.success(response) : data.success;
         this.create({ id, type: 'success', message });
       }
     })

diff --git a/website/src/components/Types/Types.tsx b/website/src/components/Types/Types.tsx
@@ -114,6 +114,6 @@ toast.promise(promise, {
   {
     name: 'Custom',
     snippet: `toast(<div>A custom toast with default styling</div>)`,
-    action: () => toast(<div>A custom toast with default styling</div>),
+    action: () => toast(<div>A custom toast with default styling</div>, { duration: 1000000 }),
   },
 ];