add askAI search params

Author: chargome

src/components/askAiSearchParams.tsx

@@ -0,0 +1,21 @@
+'use client';
+
+import {Fragment, useEffect} from 'react';
+import {useSearchParams} from 'next/navigation';
+
+export default function AskAiSearchParams() {
+  const searchParams = useSearchParams();
+
+  useEffect(() => {
+    const askAi = searchParams?.get('askAI');
+    // Give Kapa.ai some time to be fully loaded
+    setTimeout(() => {
+      if (window.Kapa?.open && askAi === 'true') {
+        // open kapa modal
+        window.Kapa.open({});
+      }
+    }, 300);
+  }, [searchParams]);
+
+  return <Fragment />;
+}

src/components/home.tsx

@@ -13,6 +13,7 @@ import RocketImage from 'sentry-docs/imgs/rocket.png';
 import SecurityImage from 'sentry-docs/imgs/security.png';
 import SupportImage from 'sentry-docs/imgs/support.png';
 
+import AskAiSearchParams from './askAiSearchParams';
 import {Card} from './card';
 import {Header} from './header';
 import {NavLink, NavLinkProps} from './navlink';
@@ -167,6 +168,7 @@ export function Home() {
           <SentryWordmarkLogo height={50} fill="#ffffff" />
         </div>
       </footer>
+      <AskAiSearchParams />
     </div>
   );
 }