From 57d3027cb008e8e646357c9bb6b07947142f79a8 Mon Sep 17 00:00:00 2001
From: Galen Kistler <109082771+gtk-grafana@users.noreply.github.com>
Date: Mon, 24 Apr 2023 15:24:12 -0500
Subject: [PATCH] Prometheus: Default cache value in UI doesn't match
 functional default (#67159)

* add disabled state style, set correct default value to match default functionality
---
 .../datasource/prometheus/configuration/PromSettings.tsx     | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx b/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
index b6594c2738c..eeabf4a8591 100644
--- a/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
+++ b/public/app/plugins/datasource/prometheus/configuration/PromSettings.tsx
@@ -357,7 +357,10 @@ export const PromSettings = (props: Props) => {
                     className={`width-25`}
                     onChange={onChangeHandler('cacheLevel', options, onOptionsChange)}
                     options={cacheValueOptions}
-                    value={cacheValueOptions.find((o) => o.value === options.jsonData.cacheLevel)}
+                    disabled={options.readOnly}
+                    value={
+                      cacheValueOptions.find((o) => o.value === options.jsonData.cacheLevel) ?? PrometheusCacheLevel.Low
+                    }
                   />
                 }
               />