IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Search: fix 'Clear filters' button (#50227)

Browse Source 
Co-authored-by: Ryan McKinley <ryantxu@gmail.com>
This commit is contained in:
Artur Wierzbicki 2022-06-07 11:57:23 +04:00 committed by GitHub
parent a88408bfd1
commit 49112c8356
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 12 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/app/features/search/components/DashboardSearch.tsx
View File

@ -67,6 +67,9 @@ function DashboardSearchNew({ onCloseSearch }: Props) {
</div>
<div className={styles.search}>
<SearchView
onQueryTextChange={(newQueryText) => {
setInputValue(newQueryText);
}}
showManage={false}
queryText={query.query}
includePanels={includePanels!}

3
public/app/features/search/components/ManageDashboardsNew.tsx
View File

@ -64,6 +64,9 @@ export const ManageDashboardsNew = React.memo(({ folder }: Props) => {
showManage={isEditor || hasEditPermissionInFolders || canSave}
folderDTO={folder}
queryText={query.query}
onQueryTextChange={(newQueryText) => {
setInputValue(newQueryText);
}}
hidePseudoFolders={true}
includePanels={includePanels!}
setIncludePanels={setIncludePanels}

11
public/app/features/search/page/components/SearchView.tsx
View File

@ -28,6 +28,7 @@ type SearchViewProps = {
showManage: boolean;
folderDTO?: FolderDTO;
hidePseudoFolders?: boolean; // Recent + starred
onQueryTextChange: (newQueryText: string) => void;
includePanels: boolean;
setIncludePanels: (v: boolean) => void;
};
@ -36,14 +37,14 @@ export const SearchView = ({
showManage,
folderDTO,
queryText,
onQueryTextChange,
hidePseudoFolders,
includePanels,
setIncludePanels,
}: SearchViewProps) => {
const styles = useStyles2(getStyles);
const { query, onQueryChange, onTagFilterChange, onTagAdd, onDatasourceChange, onSortChange, onLayoutChange } =
useSearchQuery({});
const { query, onTagFilterChange, onTagAdd, onDatasourceChange, onSortChange, onLayoutChange } = useSearchQuery({});
query.query = queryText; // Use the query value passed in from parent rather than from URL
const [searchSelection, setSearchSelection] = useState(newSearchSelection());
@ -126,7 +127,7 @@ export const SearchView = ({
clearSelection();
setListKey(Date.now());
// trigger again the search to the backend
onQueryChange(query.query);
onQueryTextChange(query.query);
};
const renderResults = () => {
@ -145,7 +146,7 @@ export const SearchView = ({
variant="secondary"
onClick={() => {
if (query.query) {
onQueryChange('');
onQueryTextChange('');
}
if (query.tag?.length) {
onTagFilterChange([]);
@ -238,7 +239,7 @@ export const SearchView = ({
onLayoutChange={(v) => {
if (v === SearchLayout.Folders) {
if (query.query) {
onQueryChange(''); // parent will clear the sort
onQueryTextChange(''); // parent will clear the sort
}
}
onLayoutChange(v);