From 90dedf4f50234137e1559a81d2d7a8093cd05bf1 Mon Sep 17 00:00:00 2001
From: "Grot (@grafanabot)" <43478413+grafanabot@users.noreply.github.com>
Date: Mon, 29 Nov 2021 12:18:57 -0500
Subject: [PATCH] Alerting: fix broken datasource link (#42468) (#42469)

(cherry picked from commit db6b71a27b1bea0e17464e98a514ac9a5d901764)

Co-authored-by: Gilles De Mey <gilles.de.mey@gmail.com>
---
 .../unified/components/rules/RuleDetailsActionButtons.tsx     | 3 ++-
 .../alerting/unified/components/rules/RuleListErrors.tsx      | 4 ++--
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/app/features/alerting/unified/components/rules/RuleDetailsActionButtons.tsx b/public/app/features/alerting/unified/components/rules/RuleDetailsActionButtons.tsx
index d5d24b02fa8..b1c0f7449c2 100644
--- a/public/app/features/alerting/unified/components/rules/RuleDetailsActionButtons.tsx
+++ b/public/app/features/alerting/unified/components/rules/RuleDetailsActionButtons.tsx
@@ -115,7 +115,7 @@ export const RuleDetailsActionButtons: FC<Props> = ({ rule, rulesSource }) => {
           <LinkButton
             className={style.button}
             size="xs"
-            key="dashboard"
+            key="panel"
             variant="primary"
             icon="apps"
             target="__blank"
@@ -172,6 +172,7 @@ export const RuleDetailsActionButtons: FC<Props> = ({ rule, rulesSource }) => {
     if (isViewMode) {
       rightButtons.push(
         <ClipboardButton
+          key="copy"
           onClipboardCopy={() => {
             appEvents.emit(AppEvents.alertSuccess, ['URL copied!']);
           }}
diff --git a/public/app/features/alerting/unified/components/rules/RuleListErrors.tsx b/public/app/features/alerting/unified/components/rules/RuleListErrors.tsx
index c94594442cc..12517fb42bc 100644
--- a/public/app/features/alerting/unified/components/rules/RuleListErrors.tsx
+++ b/public/app/features/alerting/unified/components/rules/RuleListErrors.tsx
@@ -52,7 +52,7 @@ export function RuleListErrors(): ReactElement {
     rulerRequestErrors.forEach(({ dataSource, error }) =>
       result.push(
         <>
-          Failed to load rules config from <a href={'datasources/edit/${dataSource.uid}'}>{dataSource.name}</a>:{' '}
+          Failed to load rules config from <a href={`datasources/edit/${dataSource.uid}`}>{dataSource.name}</a>:{' '}
           {error.message || 'Unknown error.'}
         </>
       )
@@ -77,7 +77,7 @@ export function RuleListErrors(): ReactElement {
               {errors.length >= 2 && (
                 <Button
                   className={styles.moreButton}
-                  variant="link"
+                  fill="text"
                   icon="angle-right"
                   size="sm"
                   onClick={() => setExpanded(true)}