diff --git a/web/screens/Settings/MCP/configuration.tsx b/web/screens/Settings/MCP/configuration.tsx index c5593d528..e6cb959af 100644 --- a/web/screens/Settings/MCP/configuration.tsx +++ b/web/screens/Settings/MCP/configuration.tsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect, useCallback } from 'react' +import React, { useState, useEffect, useCallback, useRef } from 'react' import { Button, TextArea } from '@janhq/joi' import { useAtomValue } from 'jotai' @@ -12,6 +12,8 @@ const MCPConfiguration = () => { const [error, setError] = useState('') const [success, setSuccess] = useState('') + const textAreaRef = useRef(null) + const readConfigFile = useCallback(async () => { try { // Read the file @@ -76,14 +78,37 @@ const MCPConfiguration = () => { Configuration File (JSON)