From a5576d2ae91b2e7ff972897307540af05bc89514 Mon Sep 17 00:00:00 2001
From: John Mitchell <jmitchel@Johns-MacBook-Pro-46.local>
Date: Tue, 16 Jun 2020 11:53:16 -0400
Subject: [PATCH] fix issue where searchbar was always the mobile version at
 all widths

---
 .../DataListToolbar/DataListToolbar.jsx          |  2 +-
 .../src/components/ListHeader/ListHeader.jsx     |  2 +-
 .../src/components/Search/Search.test.jsx        | 16 ++++++++--------
 3 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/awx/ui_next/src/components/DataListToolbar/DataListToolbar.jsx b/awx/ui_next/src/components/DataListToolbar/DataListToolbar.jsx
index a5ab2f90bc..7db0bae778 100644
--- a/awx/ui_next/src/components/DataListToolbar/DataListToolbar.jsx
+++ b/awx/ui_next/src/components/DataListToolbar/DataListToolbar.jsx
@@ -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}
diff --git a/awx/ui_next/src/components/ListHeader/ListHeader.jsx b/awx/ui_next/src/components/ListHeader/ListHeader.jsx
index 5f008d1dba..f1ac2a5ae8 100644
--- a/awx/ui_next/src/components/ListHeader/ListHeader.jsx
+++ b/awx/ui_next/src/components/ListHeader/ListHeader.jsx
@@ -107,7 +107,7 @@ class ListHeader extends React.Component {
           <Toolbar
             id={`${qsConfig.namespace}-list-toolbar`}
             clearAllFilters={this.handleRemoveAll}
-            collapseListedFiltersBreakpoint="md"
+            collapseListedFiltersBreakpoint="lg"
           >
             <ToolbarContent>
               <EmptyStateControlsWrapper>
diff --git a/awx/ui_next/src/components/Search/Search.test.jsx b/awx/ui_next/src/components/Search/Search.test.jsx
index 7099fba6b0..5eac1c532b 100644
--- a/awx/ui_next/src/components/Search/Search.test.jsx
+++ b/awx/ui_next/src/components/Search/Search.test.jsx
@@ -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