fix: guide user on empty external api monitoring page

Fixes #3703

frontend/src/container/ApiMonitoring/Explorer/Domains/DomainList.tsx

@@ -26,6 +26,7 @@ import { ApiMonitoringHardcodedAttributeKeys } from '../../constants';
 import { DEFAULT_PARAMS, useApiMonitoringParams } from '../../queryParams';
 import { columnsConfig, formatDataForTable } from '../../utils';
 import DomainDetails from './DomainDetails/DomainDetails';
+import DOCLINKS from 'utils/docLinks';
 
 function DomainList(): JSX.Element {
 	const [params, setParams] = useApiMonitoringParams();
@@ -145,7 +146,17 @@ function DomainList(): JSX.Element {
 									/>
 
 									<Typography.Text className="no-filtered-domains-message">
-										This query had no results. Edit your query and try again!
+										No External API calls detected. To automatically detect them, ensure
+										Client spans are being sent with required attributes.
+										<br />
+										Read more about <span> </span>
+										<a
+											href={DOCLINKS.EXTERNAL_API_MONITORING}
+											target="_blank"
+											rel="noreferrer"
+										>
+											configuring External API monitoring.
+										</a>
 									</Typography.Text>
 								</div>
 							</div>

frontend/src/utils/docLinks.ts

@@ -6,6 +6,8 @@ const DOCLINKS = {
 		'https://signoz.io/docs/product-features/trace-explorer/?utm_source=product&utm_medium=traces-explorer-trace-tab#traces-view',
 	METRICS_EXPLORER_EMPTY_STATE:
 		'https://signoz.io/docs/userguide/send-metrics-cloud/',
+	EXTERNAL_API_MONITORING:
+		'https://signoz.io/docs/external-api-monitoring/overview/',
 };
 
 export default DOCLINKS;