From 39c5fdd8ba65b1d8b1c14f4249cc25fcd65e166e Mon Sep 17 00:00:00 2001
From: Pavel Zavora <pavel.zavora@bonitoo.io>
Date: Wed, 1 Sep 2021 10:33:44 +0200
Subject: [PATCH] feat(ui/kapacitor): don't show an alert rule created from a
 template, offer a link to see its tickscript

---
 .../containers/KapacitorRulePage.tsx          | 21 ++++++++++++++++++-
 1 file changed, 20 insertions(+), 1 deletion(-)

diff --git a/ui/src/kapacitor/containers/KapacitorRulePage.tsx b/ui/src/kapacitor/containers/KapacitorRulePage.tsx
index 46f4baae8..c3b22c2a1 100644
--- a/ui/src/kapacitor/containers/KapacitorRulePage.tsx
+++ b/ui/src/kapacitor/containers/KapacitorRulePage.tsx
@@ -1,6 +1,6 @@
 import React, {Component} from 'react'
 import _ from 'lodash'
-import {InjectedRouter} from 'react-router'
+import {InjectedRouter, Link} from 'react-router'
 import {connect} from 'react-redux'
 
 import PageSpinner from 'src/shared/components/PageSpinner'
@@ -36,6 +36,7 @@ import {
   KapacitorQueryConfigActions,
   KapacitorRuleActions,
 } from 'src/types/actions'
+import {Page} from 'src/reusable_ui'
 
 interface Params {
   ruleID: string
@@ -111,6 +112,24 @@ class KapacitorRulePage extends Component<Props, State> {
     const rule = this.rule
     const query = rule && queryConfigs[rule.queryID]
 
+    if (rule && rule['template-id'] && kapacitor) {
+      return (
+        <Page>
+          <Page.Contents>
+            <div>
+              This rule was created from a template. It cannot be edited in
+              chronograf, see its{' '}
+              <Link
+                to={`sources/${source.id}/kapacitors/${kapacitor.id}/tickscripts/${rule.id}`}
+              >
+                TICKScript
+              </Link>
+              .
+            </div>
+          </Page.Contents>
+        </Page>
+      )
+    }
     if (!query) {
       return <PageSpinner />
     }