modelcontextprotocol/inspector
Watch
1
0
Fork
You've already forked inspector
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 2

refactor: Use useCopy() in JsonView

Browse source
This commit is contained in:
Alejandro Borbolla 2025-07-31 00:32:39 +02:00
commit 8589faa4c4
No known key found for this signature in database
1 changed files with 2 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

17
client/src/components/JsonView.tsx
View file

@ -5,6 +5,7 @@ import { Copy, CheckCheck } from "lucide-react";
import { Button } from "@/components/ui/button"; import { Button } from "@/components/ui/button";
import { useToast } from "@/lib/hooks/useToast"; import { useToast } from "@/lib/hooks/useToast";
import { getDataType, tryParseJson } from "@/utils/jsonUtils"; import { getDataType, tryParseJson } from "@/utils/jsonUtils";
import useCopy from "@/lib/hooks/useCopy";
interface JsonViewProps { interface JsonViewProps {
data: unknown; data: unknown;
@ -25,21 +26,7 @@ const JsonView = memo(
isError = false, isError = false,
}: JsonViewProps) => { }: JsonViewProps) => {
const { toast } = useToast(); const { toast } = useToast();
const [copied, setCopied] = useState(false); const { copied, setCopied } = useCopy();
useEffect(() => {
let timeoutId: NodeJS.Timeout;
if (copied) {
timeoutId = setTimeout(() => {
setCopied(false);
}, 500);
}
return () => {
if (timeoutId) {
clearTimeout(timeoutId);
}
};
}, [copied]);
const normalizedData = useMemo(() => { const normalizedData = useMemo(() => {
return typeof data === "string" return typeof data === "string"