diff --git a/.changeset/lucky-snakes-complain.md b/.changeset/lucky-snakes-complain.md new file mode 100644 index 0000000000..83aca565ba --- /dev/null +++ b/.changeset/lucky-snakes-complain.md @@ -0,0 +1,5 @@ +--- +'@backstage/core-components': patch +--- + +Change core component Table tool bar search box to the a appropriate Search icon and text diff --git a/packages/core-components/src/components/Table/Table.tsx b/packages/core-components/src/components/Table/Table.tsx index bcd411934b..1a9e716abc 100644 --- a/packages/core-components/src/components/Table/Table.tsx +++ b/packages/core-components/src/components/Table/Table.tsx @@ -41,6 +41,7 @@ import Clear from '@material-ui/icons/Clear'; import DeleteOutline from '@material-ui/icons/DeleteOutline'; import Edit from '@material-ui/icons/Edit'; import FilterList from '@material-ui/icons/FilterList'; +import Search from '@material-ui/icons/Search'; import FirstPage from '@material-ui/icons/FirstPage'; import LastPage from '@material-ui/icons/LastPage'; import Remove from '@material-ui/icons/Remove'; @@ -103,7 +104,7 @@ const tableIcons: Icons = { )), Search: forwardRef((props, ref) => ( - + )), SortArrow: forwardRef((props, ref) => ( @@ -486,7 +487,7 @@ export function Table(props: TableProps) { data={tableData} style={{ width: '100%', ...style }} localization={{ - toolbar: { searchPlaceholder: 'Filter', searchTooltip: 'Filter' }, + toolbar: { searchPlaceholder: 'Search', searchTooltip: 'Search' }, ...localization, }} {...restProps}