mirror of
https://github.com/nextui-org/nextui.git
synced 2025-12-08 19:26:11 +00:00
47 lines
1.4 KiB
TypeScript
47 lines
1.4 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(() => {
|
|
function hideKapa() {
|
|
const kapaElements = document.querySelectorAll('[id^="kapa-"]');
|
|
const display = pathname === "/docs/components/toast" ? "none" : "block";
|
|
|
|
|
|
kapaElements.forEach((element) => (element as HTMLElement).style.display = display);
|
|
}
|
|
|
|
setTimeout(() => {
|
|
hideKapa();
|
|
}, 500);
|
|
}, [pathname, isMounted]);
|
|
|
|
if (!isKapaEnabled) {
|
|
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"
|
|
/>
|
|
);
|
|
}
|