fix: onboarding widget configuration (#534)

implerhq · Mar 19, 2024 · d92a507 · d92a507
2 parents 6a8b6ab + 7979bf5
commit d92a507
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 9 deletions.
diff --git a/apps/web/components/common/Support.tsx b/apps/web/components/common/Support.tsx
@@ -1,3 +1,4 @@
+import Script from 'next/script';
 import getConfig from 'next/config';
 import Tracker from '@openreplay/tracker';
 import { useEffect, useRef } from 'react';
@@ -59,6 +60,14 @@ export function Support({ profile }: SupportProps) {
           ref={twakRef}
         />
       ) : null}
+      {publicRuntimeConfig.NEXT_PUBLIC_ONBOARDING_TOKEN && (
+        <Script
+          id="usetifulScript"
+          src="https://www.usetiful.com/dist/usetiful.js"
+          data-token={publicRuntimeConfig.NEXT_PUBLIC_ONBOARDING_TOKEN}
+          async
+        />
+      )}
     </>
   );
 }
diff --git a/apps/web/layouts/AppLayout/AppLayout.tsx b/apps/web/layouts/AppLayout/AppLayout.tsx
@@ -1,6 +1,5 @@
 import Head from 'next/head';
 import Image from 'next/image';
-import Script from 'next/script';
 import dynamic from 'next/dynamic';
 import { useRouter } from 'next/router';
 
@@ -132,14 +131,6 @@ export function AppLayout({ children, pageProps }: PropsWithChildren<{ pageProps
         </main>
       </div>
       <Support profile={profile} />
-      {process.env.NEXT_PUBLIC_ONBOARDING_TOKEN && (
-        <Script
-          id="usetifulScript"
-          src="https://www.usetiful.com/dist/usetiful.js"
-          data-token={process.env.NEXT_PUBLIC_ONBOARDING_TOKEN}
-          async
-        />
-      )}
     </>
   );
 }
diff --git a/apps/web/next.config.js b/apps/web/next.config.js
@@ -10,6 +10,7 @@ const nextConfig = {
     NEXT_PUBLIC_GTM_ID: process.env.NEXT_PUBLIC_GTM_ID,
     NEXT_PUBLIC_OPENREPLAY_KEY: process.env.NEXT_PUBLIC_OPENREPLAY_KEY,
     NEXT_PUBLIC_GOOGLE_ANALYTICS_ID: process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS_ID,
+    NEXT_PUBLIC_ONBOARDING_TOKEN: process.env.NEXT_PUBLIC_ONBOARDING_TOKEN,
   },
 };