Alerting: fix broken datasource link (#42468) (#42469)

(cherry picked from commit db6b71a27b)

Co-authored-by: Gilles De Mey <gilles.de.mey@gmail.com>

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!']);
           }}

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)}