Merge pull request #5624 from afwillia/SWC-7167

SWC-7167 - project search button mobile text
Sage-Bionetworks · Feb 5, 2025 · aa06bf8 · aa06bf8
2 parents 85f6c4b + 81735b8
commit aa06bf8
Show file tree

Hide file tree

Showing 4 changed files with 44 additions and 16 deletions.
diff --git a/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java b/src/main/java/org/sagebionetworks/web/client/view/ProfileViewImpl.java
@@ -166,9 +166,15 @@ public interface ProfileViewImplUiBinder
   @UiField
   Button teamSearchButton;
 
+  @UiField
+  Button teamSearchButtonSmall;
+
   @UiField
   Button projectSearchButton;
 
+  @UiField
+  Button projectSearchButtonSmall;
+
   // Challenges
   @UiField
   FlowPanel challengesTabContent;
@@ -264,12 +270,15 @@ public ProfileViewImpl(
       }
     });
 
-    teamSearchButton.addClickHandler(event ->
-      presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()))
-    );
-    projectSearchButton.addClickHandler(event ->
-      presenter.goTo(new Search(getCurrentProjectSearchJSON()))
-    );
+    ClickHandler teamSearchHandler = event ->
+      presenter.goTo(new TeamSearch(teamSearchTextBox.getValue()));
+    teamSearchButton.addClickHandler(teamSearchHandler);
+    teamSearchButtonSmall.addClickHandler(teamSearchHandler);
+
+    ClickHandler projectSearchHandler = event ->
+      presenter.goTo(new Search(projectSearchTextBox.getValue()));
+    projectSearchButton.addClickHandler(projectSearchHandler);
+    projectSearchButtonSmall.addClickHandler(projectSearchHandler);
 
     moreChallengesButton.addClickHandler(event -> presenter.getMoreChallenges()
     );

diff --git a/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java b/src/main/java/org/sagebionetworks/web/client/view/SearchViewImpl.java
@@ -106,6 +106,9 @@ public interface SearchViewImplUiBinder
   @UiField
   Button searchButton;
 
+  @UiField
+  Button searchButtonSmall;
+
   private List<Button> facetButtons;
   private SynapseJSNIUtils synapseJSNIUtils;
   private PortalGinInjector ginInjector;
@@ -130,14 +133,10 @@ public SearchViewImpl(
     this.dateTimeUtils = dateTimeUtils;
     this.markdownIt = markdownIt;
     headerWidget.configure();
-    searchButton.addClickHandler(
-      new ClickHandler() {
-        @Override
-        public void onClick(ClickEvent event) {
-          presenter.setSearchTerm(searchField.getText());
-        }
-      }
-    );
+    ClickHandler searchHandler = event ->
+      presenter.setSearchTerm(searchField.getValue());
+    searchButton.addClickHandler(searchHandler);
+    searchButtonSmall.addClickHandler(searchHandler);
     searchField.addKeyDownHandler(
       new KeyDownHandler() {
         @Override

diff --git a/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/view/ProfileViewImpl.ui.xml
@@ -68,6 +68,12 @@
                             ui:field="projectSearchButton"
                             text="Search All Projects"
                             icon="SEARCH"
+                            visibleOn="SM_MD_LG"
+                          />
+                          <b:Button
+                            ui:field="projectSearchButtonSmall"
+                            icon="SEARCH"
+                            visibleOn="XS"
                           />
                         </b:InputGroupButton>
                       </b:InputGroup>
@@ -214,6 +220,12 @@
                             ui:field="teamSearchButton"
                             text="Search All Teams"
                             icon="SEARCH"
+                            visibleOn="SM_MD_LG"
+                          />
+                          <b:Button
+                            ui:field="teamSearchButtonSmall"
+                            icon="SEARCH"
+                            visibleOn="XS"
                           />
                         </b:InputGroupButton>
                       </b:InputGroup>

diff --git a/src/main/resources/org/sagebionetworks/web/client/view/SearchViewImpl.ui.xml b/src/main/resources/org/sagebionetworks/web/client/view/SearchViewImpl.ui.xml
@@ -16,21 +16,29 @@
           <div class="row">
             <div class="col-md-12">
               <MUI:Grid container="true">
-                <MUI:Grid md="9">
+                <MUI:Grid xs="10" md="9">
                   <b:InputGroup width="100%">
                     <b:TextBox
                       ui:field="searchField"
                       addStyleNames="form-control input-lg search-textbox"
                     />
                   </b:InputGroup>
                 </MUI:Grid>
-                <MUI:Grid md="3">
+                <MUI:Grid xs="2" md="3">
                   <b:Button
                     ui:field="searchButton"
                     block="true"
                     size="LARGE"
                     text="Search"
                     icon="SEARCH"
+                    visibleOn="SM_MD_LG"
+                  />
+                  <b:Button
+                    ui:field="searchButtonSmall"
+                    block="false"
+                    size="LARGE"
+                    icon="SEARCH"
+                    visibleOn="XS"
                   />
                 </MUI:Grid>
               </MUI:Grid>