fix issue where searchbar was always the mobile version at all widths

This commit is contained in:
John Mitchell 2020-06-16 11:53:16 -04:00
parent 957c0b31bf
commit a5576d2ae9
3 changed files with 10 additions and 10 deletions

View File

@ -58,7 +58,7 @@ class DataListToolbar extends React.Component {
</ToolbarItem>
</ToolbarGroup>
)}
<ToolbarToggleGroup toggleIcon={<SearchIcon />} show={{ lg: 'show' }}>
<ToolbarToggleGroup toggleIcon={<SearchIcon />} breakpoint="lg">
<ToolbarItem>
<Search
qsConfig={qsConfig}

View File

@ -107,7 +107,7 @@ class ListHeader extends React.Component {
<Toolbar
id={`${qsConfig.namespace}-list-toolbar`}
clearAllFilters={this.handleRemoveAll}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<EmptyStateControlsWrapper>

View File

@ -33,7 +33,7 @@ describe('<Search />', () => {
<Toolbar
id={`${QS_CONFIG.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search qsConfig={QS_CONFIG} columns={columns} onSearch={onSearch} />
@ -56,7 +56,7 @@ describe('<Search />', () => {
<Toolbar
id={`${QS_CONFIG.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search qsConfig={QS_CONFIG} columns={columns} onSearch={onSearch} />
@ -78,7 +78,7 @@ describe('<Search />', () => {
<Toolbar
id={`${QS_CONFIG.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search qsConfig={QS_CONFIG} columns={columns} onSearch={onSearch} />
@ -101,7 +101,7 @@ describe('<Search />', () => {
<Toolbar
id={`${QS_CONFIG.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search qsConfig={QS_CONFIG} columns={columns} onSearch={onSearch} />
@ -125,7 +125,7 @@ describe('<Search />', () => {
<Toolbar
id={`${QS_CONFIG.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search qsConfig={QS_CONFIG} columns={columns} onSearch={onSearch} />
@ -156,7 +156,7 @@ describe('<Search />', () => {
<Toolbar
id={`${QS_CONFIG.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search qsConfig={QS_CONFIG} columns={columns} />
@ -197,7 +197,7 @@ describe('<Search />', () => {
<Toolbar
id={`${qsConfigNew.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search
@ -243,7 +243,7 @@ describe('<Search />', () => {
<Toolbar
id={`${qsConfigNew.namespace}-list-toolbar`}
clearAllFilters={() => {}}
collapseListedFiltersBreakpoint="md"
collapseListedFiltersBreakpoint="lg"
>
<ToolbarContent>
<Search