diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx index 84adedfe5c..947a84ad12 100644 --- a/src/pages/_app.tsx +++ b/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); diff --git a/src/pages/founders.tsx b/src/pages/founders.tsx index 09c4c545df..63caa30dca 100644 --- a/src/pages/founders.tsx +++ b/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, + }} /> ); }; diff --git a/src/utils/zendesk.ts b/src/utils/zendesk.ts index 1dfe6d8f53..bdca0a8af1 100644 --- a/src/utils/zendesk.ts +++ b/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);