<SavedQueriesList>
<SavedQueriesList> renders a list of filters saved by the end user (and kept in the Store). It is a complement to <FilterList> sections for the filter sidebar.
Usage
import {
FilterList,
FilterListItem,
List,
DataTable
+ SavedQueriesList
} from 'react-admin';
import { Card, CardContent } from '@mui/material';
const SongFilterSidebar = () => (
<Card>
<CardContent>
+ <SavedQueriesList />
<FilterList label="Record Company" icon={<BusinessIcon />}>
...
</FilterList>
<FilterList label="Released" icon={<DateRangeeIcon />}>
...
</FilterList>
</CardContent>
</Card>
);
const SongList = () => (
<List aside={<SongFilterSidebar />}>
<DataTable>
...
</DataTable>
</List>
);
<SavedQueriesList> accept a single prop:
icon
When set, the <SavedQueriesList icon> prop appears on the left side of the filter label.
import { FilterList, FilterListItem, List, DataTable, SavedQueriesList } from 'react-admin';
import { Card, CardContent } from '@mui/material';
import BookmarkIcon from '@mui/icons-material/BookmarkBorder';
const SongFilterSidebar = () => (
<Card>
<CardContent>
<SavedQueriesList icon={<BookmarkIcon />} />
<FilterList label="Record Company" icon={<BusinessIcon />}>
...
</FilterList>
<FilterList label="Released" icon={<DateRangeeIcon />}>
...
</FilterList>
</CardContent>
</Card>
);
const SongList = () => (
<List aside={<SongFilterSidebar />}>
<DataTable>
...
</DataTable>
</List>
);