chore: make zendesk executable

src/pages/_app.tsx

@@ -56,16 +56,13 @@ export default function App({ Component, pageProps }: AppPropsWithLayout) {
   useEffect(() => {
     // Displays the Zendesk widget only if user is signed in and on the home page
     if (!window.zE) return;
-    if (
-      (!signedIn || Boolean(componentSrc?.componentAccountId && componentSrc?.componentName)) &&
-      !router.route.startsWith('/founders')
-    ) {
+    if (!signedIn || Boolean(componentSrc?.componentAccountId && componentSrc?.componentName)) {
       window.zE('webWidget', 'hide');
       return;
     }
     localStorage.setItem('accountId', accountId);
     window.zE('webWidget', 'show');
-  }, [accountId, signedIn, componentSrc, router.route]);
+  }, [accountId, signedIn, componentSrc]);
 
   useEffect(() => {
     const interval = setInterval(zendeskCheck, 20);

src/pages/founders.tsx

@@ -3,6 +3,8 @@ import { useBosComponents } from '@/hooks/useBosComponents';
 import { useDefaultLayout } from '@/hooks/useLayout';
 import type { NextPageWithLayout } from '@/utils/types';
 
+import { zendeskActivate } from '@/utils/zendesk';
+
 const FoundersPage: NextPageWithLayout = () => {
   const components = useBosComponents();
   return (
@@ -12,6 +14,9 @@ const FoundersPage: NextPageWithLayout = () => {
         title: 'NEAR | FounderHub',
         description: 'FounderHub is a one-stop shop for Founders building with the near ecosystem.',
       }}
+      componentProps={{
+        zendeskActivate,
+      }}
     />
   );
 };

src/utils/zendesk.ts

@@ -21,3 +21,10 @@ export const styleZendesk = () => {
   zwIcon.style.paddingRight = '0';
   zwLabel.remove();
 };
+
+// export const getZendesk = () => {
+//   if (typeof window === 'undefined') return;
+//   return window.zE || null;
+// };
+
+export const zendeskActivate = () => (typeof window !== 'undefined' ? window.zE?.activate() || null : null);