From bbb4d31388077b6cbc94656c11c66f39342d4308 Mon Sep 17 00:00:00 2001
From: Juan Cabanas <juan.cabanas@grafana.com>
Date: Mon, 4 Aug 2025 10:28:04 -0300
Subject: [PATCH] TagFilter: Disable TagFilter by prop (#109085)

---
 public/app/core/components/TagFilter/TagFilter.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/app/core/components/TagFilter/TagFilter.tsx b/public/app/core/components/TagFilter/TagFilter.tsx
index 5301e128716..ad734018f9d 100644
--- a/public/app/core/components/TagFilter/TagFilter.tsx
+++ b/public/app/core/components/TagFilter/TagFilter.tsx
@@ -26,6 +26,7 @@ export interface Props {
   tagOptions: () => Promise<TermCount[]>;
   tags: string[];
   width?: number;
+  disabled?: boolean;
 }
 
 const filterOption = (option: SelectableValue<string>, searchQuery: string) => {
@@ -44,6 +45,7 @@ export const TagFilter = ({
   tagOptions,
   tags,
   width,
+  disabled,
 }: Props) => {
   const styles = useStyles2(getStyles);
 
@@ -155,7 +157,7 @@ export const TagFilter = ({
   return (
     <div className={styles.tagFilter}>
       {isClearable && tags.length > 0 && (
-        <button className={styles.clear} onClick={() => onTagChange([])}>
+        <button className={styles.clear} onClick={() => onTagChange([])} disabled={disabled}>
           <Trans i18nKey="tag-filter.clear-button">Clear tags</Trans>
         </button>
       )}
@@ -164,6 +166,7 @@ export const TagFilter = ({
         {...selectOptions}
         prefix={<Icon name="tag-alt" />}
         aria-label={t('tag-filter.select-aria-label', 'Tag filter')}
+        disabled={disabled}
       />
     </div>
   );