From 81cd5c1722fe06d335e171ebabbd30b5dbfbed05 Mon Sep 17 00:00:00 2001
From: Yulia Shanyrova <yulia.shanyrova@grafana.com>
Date: Tue, 6 Sep 2022 13:57:21 +0200
Subject: [PATCH] Warning message for title of web template has been added
 (#490)

* Warning message for title of web template has been added

* edit text

* edit text

Co-authored-by: Vadim Stepanov <vadimkerr@gmail.com>
---
 .../AlertTemplates/AlertTemplatesForm.module.css         | 4 ++++
 .../src/components/AlertTemplates/AlertTemplatesForm.tsx | 9 +++++++++
 2 files changed, 13 insertions(+)

diff --git a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.module.css b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.module.css
index 43b4e87e..f5da34f8 100644
--- a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.module.css
+++ b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.module.css
@@ -57,3 +57,7 @@
 .autoresolve-label {
   margin-bottom: 0 !important;
 }
+
+.web-title-message {
+  margin-top: 8px;
+}
diff --git a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx
index 91ef2921..e709bbc6 100644
--- a/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx
+++ b/grafana-plugin/src/components/AlertTemplates/AlertTemplatesForm.tsx
@@ -240,6 +240,15 @@ const AlertTemplatesForm = (props: AlertTemplatesFormProps) => {
                   <Text type="secondary">
                     Press <Text keyboard>Ctrl</Text>+<Text keyboard>Space</Text> to get suggestions
                   </Text>
+                  {activeGroup === 'web' && activeTemplate.name == 'web_title_template' && (
+                    <div className={cx('web-title-message')}>
+                      <Text type="secondary" size="small">
+                        Please note that after changing the web title template new alert groups will be searchable by
+                        new title. Alert groups created before the template was changed will be still searchable by
+                        old title only.
+                      </Text>
+                    </div>
+                  )}
                 </div>
               </div>
             ))}