fix: disabletextbox

Author: sanjam-deriv

src/features/Apiexplorer/RequestJSONBox/index.tsx

@@ -1,6 +1,6 @@
 import { TSocketEndpointNames } from '@site/src/configs/websocket/types';
 import clsx from 'clsx';
-import React, { useEffect, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import RequestResponseRenderer from '../RequestResponseRenderer';
 import style from './RequestJSONBox.module.scss';
 import SubscribeRenderer from '../SubscribeRenderer';
@@ -22,6 +22,13 @@ function RequestJSONBox<T extends TSocketEndpointNames>({
   const is_subscribe = useMemo(() => {
     return request_example?.includes('subscribe');
   }, [request_example]);
+  const [isdisabled, setIsDisabled] = useState(false);
+
+  useEffect(() => {
+    if (name === undefined) {
+      setIsDisabled(true);
+    }
+  }, [name]);
 
   return (
     <div className={style.playgroundBox}>
@@ -35,6 +42,7 @@ function RequestJSONBox<T extends TSocketEndpointNames>({
           placeholder={'Request JSON'}
           onChange={handleChange}
           value={request_example}
+          disabled={isdisabled}
         ></textarea>
         {is_subscribe ? (
           <SubscribeRenderer

src/features/Apiexplorer/index.tsx

@@ -1,5 +1,5 @@
 import { Text } from '@deriv/ui';
-import React from 'react';
+import React, { useState } from 'react';
 import { Dropdown } from './Dropdown/Dropdown';
 import styles from './styles.module.scss';
 import SchemaWrapper from './Schema/SchemaWrapper';