From f79c5d258e0e576687f2b311a3e71446ec402b89 Mon Sep 17 00:00:00 2001
From: Rares Mardare <rares.mardare@grafana.com>
Date: Tue, 7 Nov 2023 17:30:13 +0200
Subject: [PATCH] Parse Incident url

---
 grafana-plugin/src/pages/incident/Incident.tsx | 11 ++++++++---
 grafana-plugin/src/utils/url.ts                | 12 ++++++++++++
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/grafana-plugin/src/pages/incident/Incident.tsx b/grafana-plugin/src/pages/incident/Incident.tsx
index 2de64a38..64ac84ed 100644
--- a/grafana-plugin/src/pages/incident/Incident.tsx
+++ b/grafana-plugin/src/pages/incident/Incident.tsx
@@ -57,6 +57,7 @@ import { openNotification } from 'utils';
 import { UserActions } from 'utils/authorization';
 import { PLUGIN_ROOT } from 'utils/consts';
 import sanitize from 'utils/sanitize';
+import { parseURL } from 'utils/url';
 
 import { getActionButtons } from './Incident.helpers';
 import styles from './Incident.module.scss';
@@ -269,6 +270,8 @@ class IncidentPage extends React.Component<IncidentPageProps, IncidentPageState>
 
     const integrationNameWithEmojies = <Emoji text={incident.alert_receive_channel.verbal_name} />;
 
+    const sourceLink = incident?.render_for_web?.source_link;
+
     return (
       <Block className={cx('block')}>
         <VerticalGroup>
@@ -370,17 +373,19 @@ class IncidentPage extends React.Component<IncidentPageProps, IncidentPageState>
                   <Tooltip
                     placement="top"
                     content={
-                      incident.render_for_web.source_link === null
+                      sourceLink === null
                         ? `The integration template Source Link is empty`
+                        : parseURL(sourceLink) === ''
+                        ? 'The Integration template Source Link is invalid'
                         : 'Go to source'
                     }
                   >
-                    <a href={incident.render_for_web.source_link} target="_blank" rel="noreferrer">
+                    <a href={parseURL(sourceLink) || undefined} target="_blank" rel="noreferrer">
                       <Button
                         variant="secondary"
                         fill="outline"
                         size="sm"
-                        disabled={incident.render_for_web.source_link === null}
+                        disabled={sourceLink === null || parseURL(sourceLink) === ''}
                         className={cx('label-button')}
                         icon="external-link-alt"
                       >
diff --git a/grafana-plugin/src/utils/url.ts b/grafana-plugin/src/utils/url.ts
index 01e7cbae..d7ad149e 100644
--- a/grafana-plugin/src/utils/url.ts
+++ b/grafana-plugin/src/utils/url.ts
@@ -28,3 +28,15 @@ export function getPathFromQueryParams(query: ParsedQuery<string>) {
 
   return path;
 }
+
+export function parseURL(url: string) {
+  let parsedUrl: URL;
+
+  try {
+    parsedUrl = new URL(url);
+  } catch (ex) {
+    return '';
+  }
+
+  return parsedUrl.protocol === 'http:' || parsedUrl.protocol === 'https:' ? url : '';
+}