diff --git a/public/app/features/browse-dashboards/components/BrowseFilters.tsx b/public/app/features/browse-dashboards/components/BrowseFilters.tsx
index 43e64d57cc2..2e339fbd012 100644
--- a/public/app/features/browse-dashboards/components/BrowseFilters.tsx
+++ b/public/app/features/browse-dashboards/components/BrowseFilters.tsx
@@ -11,11 +11,11 @@ export function BrowseFilters() {
{
return (
- stateManager.onQueryChange(e)}
- />
void;
onSortChange: (value?: string) => void;
onStarredFilterChange?: (event: FormEvent) => void;
onTagFilterChange: (tags: string[]) => void;
getTagOptions: () => Promise;
getSortOptions: () => Promise;
- sortPlaceholder?: string;
onDatasourceChange: (ds?: string) => void;
onPanelTypeChange: (pt?: string) => void;
- includePanels: boolean;
onSetIncludePanels: (v: boolean) => void;
- state: SearchState;
- showStarredFilter?: boolean;
- hideLayout?: boolean;
}
export function getValidQueryLayout(q: SearchState): SearchLayout {
@@ -52,20 +52,20 @@ export function getValidQueryLayout(q: SearchState): SearchLayout {
}
export const ActionRow = ({
+ state,
+ showStarredFilter,
+ showLayout,
+ sortPlaceholder,
onLayoutChange,
onSortChange,
onStarredFilterChange = () => {},
onTagFilterChange,
getTagOptions,
getSortOptions,
- sortPlaceholder,
onDatasourceChange,
onPanelTypeChange,
onSetIncludePanels,
- state,
- showStarredFilter,
- hideLayout,
-}: Props) => {
+}: ActionRowProps) => {
const styles = useStyles2(getStyles);
const layout = getValidQueryLayout(state);
@@ -113,7 +113,7 @@ export const ActionRow = ({
- {!hideLayout && (
+ {showLayout && (