feat: add chatwoot, replace discord as main help link

README.md

@@ -8,7 +8,7 @@ We encourage our technical users to check the code and run the web app locally f
 
 ## Resources
 
-* Get Help: [Discord](https://discord.gg/QBvZGcW) | [Telegram](https://t.me/boltzhq)
+* Get Help: [Support Center](https://support.boltz.exchange/hc/center/) | [Discord](https://discord.gg/QBvZGcW) | [Telegram](https://t.me/boltzhq)
 * Read the Docs: [Docs Home](https://docs.boltz.exchange/)
 * Read our Blog: [Substack](https://blog.boltz.exchange/)
 * Follow us: [X/Twitter](https://twitter.com/Boltzhq) | [Nostr](https://snort.social/p/npub1psm37hke2pmxzdzraqe3cjmqs28dv77da74pdx8mtn5a0vegtlas9q8970)

src/chatwoot.ts

@@ -0,0 +1,43 @@
+import { config } from "./config";
+import { usePayContext } from "./context/Pay";
+import { createEffect, onMount } from "solid-js";
+
+export default function Chatwoot() {
+    onMount(() => {
+        const token = import.meta.env.VITE_CHATWOOT_TOKEN;
+        const url = config.chatwootUrl;
+        if (token !== undefined && url !== undefined) {
+            const tag = "script";
+            const script = document.createElement(tag);
+            const parent = document.getElementsByTagName(tag)[0];
+            script.src = url + "/packs/js/sdk.js";
+            script.defer = true;
+            script.async = true;
+            parent.parentNode.insertBefore(script, parent);
+            script.onload = function() {
+                window.chatwootSettings = {
+                    darkMode: "auto"
+                };
+                window.chatwootSDK.run({
+                    websiteToken: token,
+                    baseUrl: url
+                });
+            };
+        }
+    });
+
+    try {
+        const { swap } = usePayContext();
+
+        createEffect(() => {
+            if (swap() !== null) {
+                window.$chatwoot.setCustomAttributes({
+                    id: swap().id
+                });
+            }
+        });
+    } catch (error) {
+    }
+
+    return "";
+}

src/components/Footer.tsx

@@ -17,16 +17,6 @@ const Footer = () => {
 
     return (
         <footer>
-            <h4>
-                {t("feedback")}{" "}
-                <a
-                    title="Discord"
-                    class="discord"
-                    target="_blank"
-                    href={config.discordUrl}>
-                    Discord
-                </a>
-            </h4>
             <div class="socials">
                 <a
                     title="Github"
@@ -79,6 +69,10 @@ const Footer = () => {
                 </a>
             </div>
             <p class="footer-nav">
+                <a target="_blank" href={config.supportUrl}>
+                    {t("support")}
+                </a>{" "}
+                |{" "}
                 <a target="_blank" href={config.blogUrl}>
                     {t("blog")}
                 </a>{" "}

src/components/Nav.tsx

@@ -80,7 +80,7 @@ const Nav = (props: { network: string }) => {
                         <a
                             class="external"
                             target="_blank"
-                            href={config.discordUrl}>
+                            href={config.supportUrl}>
                             {t("help")}
                             <OcLinkexternal2 size={23} />
                         </a>

src/config.ts

@@ -8,6 +8,7 @@ const defaults = {
 
     loglevel: "info" as log.LogLevelDesc,
     defaultLanguage: "en",
+    supportUrl: "https://support.boltz.exchange/hc/center",
     discordUrl: "https://discord.gg/QBvZGcW",
     twitterUrl: "https://twitter.com/boltzhq",
     githubUrl: "https://github.com/BoltzExchange",
@@ -24,6 +25,7 @@ const defaults = {
     telegramUrl: "https://t.me/boltzhq",
     email: "[email protected]",
     dnsOverHttps: "https://1.1.1.1/dns-query",
+    chatwootUrl: "https://support.boltz.exchange",
 };
 
 type Asset = {

src/i18n/i18n.ts

@@ -2,7 +2,6 @@ const dict = {
     en: {
         language: "English",
         status: "Status",
-        feedback: "Got Feedback? Join our",
         fast: "Fast",
         l2: "Built on Layer 2",
         l2_sub: "Boltz utilizes Layer 2 scaling technologies like the Lightning Network",
@@ -21,6 +20,7 @@ const dict = {
         channel: "Channel",
         refund: "Refund",
         blog: "Blog",
+        support: "Support",
         documentation: "Docs",
         onion: "Onion",
         blockexplorer: "open {{ typeLabel }}",
@@ -225,7 +225,6 @@ const dict = {
     de: {
         language: "Deutsch",
         status: "Status",
-        feedback: "Feedback? Schreib uns auf",
         fast: "Schnell",
         l2: "Auf Layer-2 gebaut",
         l2_sub: "Boltz nutzt Layer-2 Skalierungstechnologien wie das Lightning-Netzwerk",
@@ -245,6 +244,7 @@ const dict = {
         channel: "Kanal",
         refund: "Rückerstattung",
         blog: "Blog",
+        support: "Hilfe",
         documentation: "Docs",
         onion: "Onion",
         blockexplorer: "{{ typeLabel }} anzeigen",
@@ -458,7 +458,6 @@ const dict = {
     es: {
         language: "Español",
         status: "Estado",
-        feedback: "¿Tienes comentarios? Únete a nuestro",
         fast: "Rápido",
         l2: "Construido en la Capa 2",
         l2_sub: "Boltz utiliza tecnologías de segunda capa como la red de Lightning",
@@ -477,6 +476,7 @@ const dict = {
         channel: "Canal",
         refund: "Reembolso",
         blog: "Blog",
+        support: "Ayuda",
         documentation: "Docs",
         onion: "Onion",
         blockexplorer: "Ver en {{ typeLabel }}",
@@ -689,7 +689,6 @@ const dict = {
     zh: {
         language: "中文",
         status: "状态",
-        feedback: "有反馈？加入我们的",
         fast: "快速",
         l2: "建立在二层网络之上",
         l2_sub: "Boltz利用像闪电网络这样的二层网络扩展技术",
@@ -708,14 +707,15 @@ const dict = {
         channel: "通道",
         refund: "退款",
         blog: "博客",
+        support: "支持",
         documentation: "文档",
         onion: "洋葱",
         blockexplorer: "打开{{ typeLabel }}",
         blockexplorer_lockup_address: "锁仓地址",
         blockexplorer_lockup_tx: "锁仓交易",
         blockexplorer_claim_tx: "索赔交易",
         blockexplorer_refund_tx: "退款交易",
-        help: "帮助",
+        help: "支持",
         network_fee: "网络费",
         fee: "Boltz费",
         denomination: "面额",
@@ -893,7 +893,6 @@ const dict = {
     ja: {
         language: "日本語",
         status: "ステータス",
-        feedback: "フィードバックはこちらへ",
         fast: "高速",
         l2: "L2技術を活用",
         l2_sub: "Boltzは、LiquidネットワークやLightningネットワークなどのL2スケーリング技術を利用しています",
@@ -912,6 +911,7 @@ const dict = {
         channel: "チャネル",
         refund: "返金",
         blog: "ブログ",
+        support: "ヘルプ",
         documentation: "ドキュメント",
         onion: "Onion",
         blockexplorer: "ブロックエクスプローラーで表示{{ typeLabel }}",

src/index.tsx

@@ -27,6 +27,7 @@ import RefundEvm from "./pages/RefundEvm";
 import RefundStep from "./pages/RefundStep";
 import "./style/index.scss";
 import "./utils/patches";
+import Chatwoot from "./chatwoot";
 
 if ("serviceWorker" in navigator) {
     void navigator.serviceWorker
@@ -67,6 +68,7 @@ const App = (props: RouteSectionProps) => {
                         <CreateProvider>
                             <PayProvider>
                                 <SwapChecker />
+                                <Chatwoot />
                                 <Show when={!isEmbedded()}>
                                     <Nav network={config.network} />
                                 </Show>

src/pages/Pay.tsx

@@ -1,6 +1,6 @@
 import { useParams } from "@solidjs/router";
 import log from "loglevel";
-import { Match, Show, Switch, createResource, onCleanup } from "solid-js";
+import { Match, Show, Switch, createResource, onCleanup, createSignal } from "solid-js";
 
 import BlockExplorerLink from "../components/BlockExplorerLink";
 import LoadingSpinner from "../components/LoadingSpinner";