feat: add FundOSS toast

components/app/Header.vue

@@ -212,34 +212,34 @@ export default {
       })
     }
 
-    // let showAd = localStorage.getItem("showAd") === "no"
+    const showAd = localStorage.getItem("showAd") === "no"
-    // if (!showAd) {
+    if (!showAd) {
-    //   setTimeout(() => {
+      setTimeout(() => {
-    //     this.$toast.clear()
+        this.$toast.clear()
-    //     this.$toast.show(
+        this.$toast.show(
-    //       "<span><a href='https://github.com/sponsors/hoppscotch' target='_blank' rel='noopener'>Sponsor us to support Hoppscotch open source project 💖</a><br><sub>Whoosh this away to dismiss.</sub></span>",
+          "<span><a href='https://fundoss.org/collective/hoppscotch' target='_blank' rel='noopener'>Sponsor us to support Hoppscotch open source project 💖</a><br><sub>Whoosh this away to dismiss.</sub></span>",
-    //       {
+          {
-    //         icon: "",
+            icon: "",
-    //         duration: 0,
+            duration: 0,
-    //         theme: "toasted-ad",
+            theme: "toasted-ad",
-    //         action: [
+            action: [
-    //           {
+              {
-    //             text: "Sponsor",
+                text: "Donate",
-    //             icon: "chevron_right",
+                icon: "chevron_right",
-    //             onClick: (_, toastObject) => {
+                onClick: (_, toastObject) => {
-    //               localStorage.setItem("showAd", "no")
+                  localStorage.setItem("showAd", "no")
-    //               toastObject.goAway(0)
+                  toastObject.goAway(0)
-    //               window.open("https://github.com/sponsors/hoppscotch")
+                  window.open("https://fundoss.org/collective/hoppscotch")
-    //             },
+                },
-    //           },
+              },
-    //         ],
+            ],
-    //         onComplete() {
+            onComplete() {
-    //           localStorage.setItem("showAd", "no")
+              localStorage.setItem("showAd", "no")
-    //         },
+            },
-    //       }
+          }
-    //     )
+        )
-    //   }, 8000)
+      }, 6000)
-    // }
+    }
 
     // let showExtensionsToast = localStorage.getItem("showExtensionsToast") === "yes"
     // if (!showExtensionsToast) {