fix: using info as default toast theme

technikhil314 · technikhil314 · commit 5f17b748579c · 2021-11-26T00:50:30.000+05:30
diff --git a/components/Toast.vue b/components/Toast.vue
@@ -17,7 +17,7 @@
         '-translate-y-0': !toastState.show,
         'bg-green-400 text-gray-800': toastState.theme === 'success',
         'bg-red-400 text-white': toastState.theme === 'error',
-        'bg-blue-400 text-white': toastState.theme !== 'success',
+        'bg-blue-400 text-gray-800': toastState.theme === 'info',
       }"
     >
       <div class="flex justify-between gap-2">
diff --git a/store/toast.js b/store/toast.js
@@ -20,7 +20,7 @@ export const mutations = {
     }
     const isAlreadyShowing = state.show;
     state.content = content;
-    state.theme = theme;
+    state.theme = theme || "info";
     state.iconHTML = iconHTML
     state.show = content && show;
     if (isAlreadyShowing && state.show && timeoutId) {

Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@`
`17`	`17`	`'-translate-y-0': !toastState.show,`
`18`	`18`	`'bg-green-400 text-gray-800': toastState.theme === 'success',`
`19`	`19`	`'bg-red-400 text-white': toastState.theme === 'error',`
`20`		`- 'bg-blue-400 text-white': toastState.theme !== 'success',`
	`20`	`+ 'bg-blue-400 text-gray-800': toastState.theme === 'info',`
`21`	`21`	`}"`
`22`	`22`	`>`
`23`	`23`	`<div class="flex justify-between gap-2">`
Original file line number	Diff line number	Diff line change
`@@ -20,7 +20,7 @@ export const mutations = {`
`20`	`20`	`}`
`21`	`21`	`const isAlreadyShowing = state.show;`
`22`	`22`	`state.content = content;`
`23`		`- state.theme = theme;`
	`23`	`+ state.theme = theme \|\| "info";`
`24`	`24`	`state.iconHTML = iconHTML`
`25`	`25`	`state.show = content && show;`
`26`	`26`	`if (isAlreadyShowing && state.show && timeoutId) {`