From ec057fce0b50962946481828e2eabd374b62dbb8 Mon Sep 17 00:00:00 2001
From: Yaxue Guo <yaxue.guo23@gmail.com>
Date: Tue, 14 Jan 2025 18:24:23 -0500
Subject: [PATCH] #365: updated miscellaneous style issues due to package
 update

---
 src/components/Experiment/Projects.jsx        | 32 ++++++++-----------
 src/components/Header.jsx                     | 16 ++++------
 .../Project/Public/PublicProjectsList.jsx     | 16 ++++------
 .../SliceViewer/ErrorMessageAccordion.jsx     |  6 ++--
 src/components/SliceViewer/Graph.jsx          |  2 +-
 src/components/UserProfile/ProjectRoles.jsx   | 16 ++++------
 src/pages/SearchResults.jsx                   | 18 +++++------
 src/styles/App.scss                           | 15 +--------
 8 files changed, 48 insertions(+), 73 deletions(-)

diff --git a/src/components/Experiment/Projects.jsx b/src/components/Experiment/Projects.jsx
index 5321328..97c6977 100644
--- a/src/components/Experiment/Projects.jsx
+++ b/src/components/Experiment/Projects.jsx
@@ -235,15 +235,13 @@ class Projects extends React.Component {
               onChange={this.handleInputChange}
               onKeyDown={this.raiseInputKeyDown}
             />
-            <div className="input-group-text">
-              <button
-                className="btn btn-outline-primary"
-                type="button"
-                onClick={this.handleProjectsSearch}
-              >
-                Search
-              </button>
-            </div>
+            <button
+              className="btn btn-outline-primary"
+              type="button"
+              onClick={this.handleProjectsSearch}
+            >
+              Search
+            </button>
           </div>
         } 
         {
@@ -273,15 +271,13 @@ class Projects extends React.Component {
               }
               {
                 filterOption === "description" &&
-                  <div className="input-group-text">
-                    <button
-                      className="btn btn-outline-primary"
-                      type="button"
-                      onClick={this.handleProjectsSearch}
-                    >
-                      Search
-                    </button>
-                  </div>
+                  <button
+                    className="btn btn-outline-primary"
+                    type="button"
+                    onClick={this.handleProjectsSearch}
+                  >
+                    Search
+                  </button>
               }
               {
                 filterOption === "community" &&  
diff --git a/src/components/Header.jsx b/src/components/Header.jsx
index 62fc78e..2387d80 100644
--- a/src/components/Header.jsx
+++ b/src/components/Header.jsx
@@ -302,15 +302,13 @@ const Header = (props) => {
             onChange={props.onQueryChange}
             onKeyDown={raiseInputKeyDown}
           />
-           <div className="input-group-text">
-              <button
-                className="btn btn-sm btn-outline-secondary"
-                type="button"
-                onClick={handleSearch}
-              >
-                  <i className="fa fa-search"></i>
-              </button>
-            </div>
+          <button
+            className="btn btn-sm btn-outline-secondary"
+            type="button"
+            onClick={handleSearch}
+          >
+              <i className="fa fa-search"></i>
+          </button>
          </form>
       }
       { props.userStatus !== "active" ? 
diff --git a/src/components/Project/Public/PublicProjectsList.jsx b/src/components/Project/Public/PublicProjectsList.jsx
index 7aab247..78408fe 100644
--- a/src/components/Project/Public/PublicProjectsList.jsx
+++ b/src/components/Project/Public/PublicProjectsList.jsx
@@ -208,15 +208,13 @@ class PublicProjectsList extends React.Component {
             }
             {
               filterOption === "description" &&
-                <div className="input-group-text">
-                  <button
-                    className="btn btn-outline-primary"
-                    type="button"
-                    onClick={this.handleProjectsSearch}
-                  >
-                    Search
-                  </button>
-                </div>
+                <button
+                  className="btn btn-outline-primary"
+                  type="button"
+                  onClick={this.handleProjectsSearch}
+                >
+                  Search
+                </button>
             }
             {
               filterOption === "community" &&
diff --git a/src/components/SliceViewer/ErrorMessageAccordion.jsx b/src/components/SliceViewer/ErrorMessageAccordion.jsx
index 10058b1..5c073c7 100644
--- a/src/components/SliceViewer/ErrorMessageAccordion.jsx
+++ b/src/components/SliceViewer/ErrorMessageAccordion.jsx
@@ -7,8 +7,8 @@ const ErrorMessageAccordion = props => {
           <div className="panel-heading">
             <h6
               className="panel-title mb-0"
-              data-bs-toggle="collapse"
-              data-bs-target="#errorTableCollapse"
+              data-toggle="collapse"
+              data-target="#errorTableCollapse"
             >
              This slice is in <b>{state}</b> state due to the following errors. 
             </h6>
@@ -41,4 +41,4 @@ const ErrorMessageAccordion = props => {
   );
 }
 
-export default ErrorMessageAccordion;
+export default ErrorMessageAccordion;
\ No newline at end of file
diff --git a/src/components/SliceViewer/Graph.jsx b/src/components/SliceViewer/Graph.jsx
index ce33d74..a45754c 100644
--- a/src/components/SliceViewer/Graph.jsx
+++ b/src/components/SliceViewer/Graph.jsx
@@ -10,7 +10,7 @@ import IconSmartNIC from '../../imgs/SliceComponentIcons/SmartNIC.png';
 import IconNVME from '../../imgs/SliceComponentIcons/NVME.png';
 import IconStorage from '../../imgs/SliceComponentIcons/RotatingStorage.png';
 import IconNS from '../../imgs/SliceComponentIcons/NetworkService.png';
-import IconFPGA from '../../imgs/SliceComponentIcons/NetworkService.png';
+import IconFPGA from '../../imgs/SliceComponentIcons/FPGA.png';
 import _ from "lodash";
 import { OverlayTrigger, Tooltip } from 'react-bootstrap';
 
diff --git a/src/components/UserProfile/ProjectRoles.jsx b/src/components/UserProfile/ProjectRoles.jsx
index 719d016..5261bd9 100644
--- a/src/components/UserProfile/ProjectRoles.jsx
+++ b/src/components/UserProfile/ProjectRoles.jsx
@@ -150,15 +150,13 @@ class ProjectRoles extends React.Component {
                 onChange={this.handleInputChange}
                 onKeyDown={this.raiseInputKeyDown}
               />
-              <div className="input-group-text">
-                <button
-                  className="btn btn-outline-primary"
-                  type="button"
-                  onClick={this.handleProjectsSearch}
-                >
-                  Search
-                </button>
-              </div>
+              <button
+                className="btn btn-outline-primary"
+                type="button"
+                onClick={this.handleProjectsSearch}
+              >
+                Search
+              </button>
             </div>
             <div className="d-flex flex-row-reverse">
               {projectsCount} results.
diff --git a/src/pages/SearchResults.jsx b/src/pages/SearchResults.jsx
index 4785fbe..a0d0408 100644
--- a/src/pages/SearchResults.jsx
+++ b/src/pages/SearchResults.jsx
@@ -155,16 +155,14 @@ class SearchResults extends Component {
             onChange={this.props.onQueryChange}
             onKeyDown={this.raiseInputKeyDown}
           />
-          <div className="input-group-text">
-            <button
-              className="btn btn-outline-primary"
-              type="button"
-              onClick={this.handleSearch}
-              disabled={query.length < 3}
-            >
-              Search
-            </button>
-          </div>
+          <button
+            className="btn btn-outline-primary"
+            type="button"
+            onClick={this.handleSearch}
+            disabled={query.length < 3}
+          >
+            Search
+          </button>
         </div>
         {
           showSpinner && <SpinnerWithText text={"Loading search results..."} />
diff --git a/src/styles/App.scss b/src/styles/App.scss
index 2c0608d..e181505 100644
--- a/src/styles/App.scss
+++ b/src/styles/App.scss
@@ -772,23 +772,10 @@ ul,
   max-width: 160px;
 }
 
-// Slice Error Messages Accordion with Up/ Down Arrows
+// Slice Error Messages
 .panel-title {
   position: relative;
 }
-  
-.panel-title::after {
-  content: "Show Details \f107";
-  color: #333;
-  top: -2px;
-  right: 0px;
-  position: absolute;
-  font-family: "FontAwesome"
-}
-
-.panel-title[aria-expanded="true"]::after {
-  content: "Hide Details \f106";
-}
 
 .panel-heading-full.panel-heading {
   padding: 0;