mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
42 lines
1.3 KiB
TypeScript
42 lines
1.3 KiB
TypeScript
"use client";
|
|
|
|
import * as React from "react";
|
|
import Script from "next/script";
|
|
import { usePathname } from "next/navigation";
|
|
|
|
export function ScriptProviders({ isKapaEnabled = true }: { isKapaEnabled?: boolean }) {
|
|
const pathname = usePathname();
|
|
const [isMounted, setIsMounted] = React.useState(false);
|
|
|
|
React.useEffect(() => {
|
|
setIsMounted(true);
|
|
}, []);
|
|
|
|
React.useEffect(() => {
|
|
const kapaElements = document.querySelectorAll('[id^="kapa-"]');
|
|
const display = pathname.includes("toast") ? "none" : "block";
|
|
|
|
kapaElements.forEach(element => (element as HTMLElement).style.display = display);
|
|
}, [pathname]);
|
|
|
|
if (!isKapaEnabled || !isMounted) {
|
|
return null;
|
|
}
|
|
|
|
return (
|
|
<>
|
|
<Script
|
|
defer
|
|
data-modal-disclaimer="This is a custom LLM for HeroUI with access to all developer docs (heroui.com/docs) and GitHub Issues and PRs (github.com/heroui-inc/heroui)."
|
|
data-modal-example-questions="How do I install for Next.js?,How do I customize primary color?"
|
|
data-project-color="#000000"
|
|
data-project-logo="https://avatars.githubusercontent.com/u/86160567?s=280&v=4"
|
|
data-project-name="HeroUI"
|
|
data-website-id="e733a73f-980e-4f7d-9e8b-91867453f899"
|
|
src="https://widget.kapa.ai/kapa-widget.bundle.js"
|
|
strategy="afterInteractive"
|
|
/>
|
|
</>
|
|
);
|
|
}
|