diff --git a/src/components/askAiSearchParams.tsx b/src/components/askAiSearchParams.tsx new file mode 100644 index 0000000000000..180528b276e08 --- /dev/null +++ b/src/components/askAiSearchParams.tsx @@ -0,0 +1,23 @@ +'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 + const timer = setTimeout(() => { + if (window.Kapa?.open && askAi === 'true') { + // open kapa modal + window.Kapa.open({}); + } + }, 300); + + return () => clearTimeout(timer); + }, [searchParams]); + + return ; +} diff --git a/src/components/home.tsx b/src/components/home.tsx index eddaec9dda8f1..701053e154f02 100644 --- a/src/components/home.tsx +++ b/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() { + ); }