From 6c45f7f5565f44e38d8aa6deb4f93bd858112299 Mon Sep 17 00:00:00 2001
From: Haris Rozajac <58232930+harisrozajac@users.noreply.github.com>
Date: Thu, 31 Oct 2024 07:58:53 -0600
Subject: [PATCH]  Dashboard Scene: Add Missing Overrides Tab to Panel Edit
 (#95276)

Add overrides tab
---
 .../panel-edit/PanelOptionsPane.tsx           | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/public/app/features/dashboard-scene/panel-edit/PanelOptionsPane.tsx b/public/app/features/dashboard-scene/panel-edit/PanelOptionsPane.tsx
index 30e999ca90d..85566677b42 100644
--- a/public/app/features/dashboard-scene/panel-edit/PanelOptionsPane.tsx
+++ b/public/app/features/dashboard-scene/panel-edit/PanelOptionsPane.tsx
@@ -9,6 +9,7 @@ import {
   PanelPluginMeta,
   restoreCustomOverrideRules,
   PluginType,
+  SelectableValue,
 } from '@grafana/data';
 import { selectors } from '@grafana/e2e-selectors';
 import { config, locationService, reportInteraction } from '@grafana/runtime';
@@ -21,7 +22,7 @@ import {
   VizPanel,
   sceneGraph,
 } from '@grafana/scenes';
-import { Button, Card, FilterInput, Stack, ToolbarButton, useStyles2 } from '@grafana/ui';
+import { Button, Card, FilterInput, RadioButtonGroup, Stack, ToolbarButton, useStyles2 } from '@grafana/ui';
 import { Trans } from 'app/core/internationalization';
 import { OptionFilter } from 'app/features/dashboard/components/PanelEditor/OptionsPaneOptions';
 import { getPanelPluginNotFound } from 'app/features/panel/components/PanelPluginError';
@@ -104,6 +105,13 @@ export class PanelOptionsPane extends SceneObjectBase<PanelOptionsPaneState> {
     });
   };
 
+  getOptionRadioFilters(): Array<SelectableValue<OptionFilter>> {
+    return [
+      { label: OptionFilter.All, value: OptionFilter.All },
+      { label: OptionFilter.Overrides, value: OptionFilter.Overrides },
+    ];
+  }
+
   static Component = ({ model }: SceneComponentProps<PanelOptionsPane>) => {
     const { isVizPickerOpen, searchQuery, listMode, panelRef } = model.useState();
     const panel = panelRef.resolve();
@@ -111,6 +119,8 @@ export class PanelOptionsPane extends SceneObjectBase<PanelOptionsPaneState> {
     const { data } = sceneGraph.getData(panel).useState();
     const styles = useStyles2(getStyles);
     const isAngularPanel = isUsingAngularPanelPlugin(panel);
+    const isSearching = searchQuery.length > 0;
+    const showSearchRadioButtons = !isSearching && !panel.getPlugin()?.fieldConfigRegistry.isEmpty();
     return (
       <>
         {!isVizPickerOpen && (
@@ -123,6 +133,14 @@ export class PanelOptionsPane extends SceneObjectBase<PanelOptionsPaneState> {
                 placeholder="Search options"
                 onChange={model.onSetSearchQuery}
               />
+              {showSearchRadioButtons && (
+                <RadioButtonGroup
+                  options={model.getOptionRadioFilters()}
+                  value={listMode}
+                  fullWidth
+                  onChange={model.onSetListMode}
+                />
+              )}
             </div>
             {isAngularPanel && (
               <div className={styles.angularDeprecationContainer}>