HTTP API GET requests now show a clickable link.

Author: johnbillion

output/html/http.tsx

@@ -2,6 +2,7 @@ import { EmptyPanel } from '../panels/empty-panel';
 import { TabularPanel } from '../panels/tabular-panel';
 import * as Utils from '../utils';
 import { Toggler } from '../components/toggler';
+import { Icon } from '../components/icon';
 import { Warning } from '../components/warning';
 import { getCallerCol, getComponentCol } from '../table';
 import { Time } from '../components/time';
@@ -64,6 +65,11 @@ export const HTTP = ( { data }: PanelProps<DataTypes['http']> ) => {
 							</div>
 						) }
 						{ Utils.formatURL( row.url ) }
+						{ row.args.method === 'GET' && ! hasInterceptedWarning( row ) && (
+							<a className="qm-external-link" href={ row.url } target="_blank" rel="noopener noreferrer" aria-label={ __( 'Open URL in new tab', 'query-monitor' ) }>
+								<Icon name="external"/>
+							</a>
+						) }
 						{ hasHttpsWarning( row ) && (
 							<div>
 								<Warning>