feat(apps/faq): add mava script

sushi-labs · Jan 18, 2025 · 7c051d1 · 7c051d1
1 parent 3a31376
commit 7c051d1
Show file tree

Hide file tree

Showing 3 changed files with 45 additions and 20 deletions.
diff --git a/apps/web/src/app/(cms)/faq/layout.tsx b/apps/web/src/app/(cms)/faq/layout.tsx
@@ -1,8 +1,10 @@
 import { Suspense } from 'react'
+import { MavaScript } from 'src/app/_common/mava-script'
 
 export default function Layout({ children }: { children: React.ReactNode }) {
   return (
     <>
+      <MavaScript />
       <Suspense>{children}</Suspense>
     </>
   )

diff --git a/apps/web/src/app/_common/mava-script.tsx b/apps/web/src/app/_common/mava-script.tsx
@@ -0,0 +1,17 @@
+'use client'
+
+import Script from 'next/script'
+
+export function MavaScript() {
+  return (
+    <Script
+      defer
+      strategy="lazyOnload"
+      src="https://widget.mava.app"
+      widget-version="v2"
+      id="MavaWebChat"
+      enable-sdk="false"
+      data-token="13a77dff2927f04aff517c51da8b35e921d69ecd86b5879ce2a7e747c71a646b"
+    />
+  )
+}
diff --git a/apps/web/src/app/layout.tsx b/apps/web/src/app/layout.tsx
@@ -49,26 +49,32 @@ export default function RootLayout({
       className={`${inter.variable} ${roboto_mono.variable} dark`}
       suppressHydrationWarning
     >
-      <link
-        rel="apple-touch-icon"
-        sizes="180x180"
-        href="/apple-touch-icon.png?v=1"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="32x32"
-        href="/favicon-32x32.png?v=1"
-      />
-      <link
-        rel="icon"
-        type="image/png"
-        sizes="16x16"
-        href="/favicon-16x16.png?v=1"
-      />
-      <link rel="manifest" href="/site.webmanifest?v=1" />
-      <link rel="mask-icon" href="/safari-pinned-tab.svg?v=1" color="#fa52a0" />
-      <link rel="shortcut icon" href="/favicon.ico?v=1" />
+      <head>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/apple-touch-icon.png?v=1"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon-32x32.png?v=1"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon-16x16.png?v=1"
+        />
+        <link rel="manifest" href="/site.webmanifest?v=1" />
+        <link
+          rel="mask-icon"
+          href="/safari-pinned-tab.svg?v=1"
+          color="#fa52a0"
+        />
+        <link rel="shortcut icon" href="/favicon.ico?v=1" />
+      </head>
       <body className="min-h-screen flex flex-col">
         <ToastContainer />
         <CookieDialogContainer />