change(search): to reflect changes from eea-website-theme

eea · Feb 21, 2023 · 2cc35e0 · 2cc35e0
1 parent e04b41b
commit 2cc35e0
Showing 1 changed file with 15 additions and 24 deletions.
diff --git a/src/ui/Header/HeaderSearchPopUp.js b/src/ui/Header/HeaderSearchPopUp.js
@@ -10,40 +10,31 @@ function HeaderSearchPopUp({ onClose, searchInputRef, triggerRefs = [] }) {
 
   return (
     <div id="search-box" ref={nodeRef}>
-      <form>
+      <div className="wrapper">
         <Container>
-          <div className="wrapper">
+          <form>
             <Input
               ref={searchInputRef}
               className="search"
               icon={{ className: 'ri-search-line', link: true }}
               placeholder="Search..."
               fluid
             />
-            {/* <div className="action">
-            <Button icon labelPosition="left" className="search">
-              <Icon name="search" />
-              Advanced Search
-            </Button>
-          </div> */}
-          </div>
+          </form>
         </Container>
-      </form>
 
-      <div className="advanced-search">
-        <Container>
-          <p>
-            Looking for more information? Try searching the full EEA website
-            content
-          </p>
-          <a
-            href="/"
-            className="ui button white inverted"
-            title="Advanced search"
-          >
-            Go to full site search
-          </a>
-        </Container>
+        <div className="advanced-search">
+          <Container>
+            <div>For more search options</div>
+            <a
+              href="/"
+              className="ui button white inverted"
+              title="Advanced search"
+            >
+              Go to advanced search
+            </a>
+          </Container>
+        </div>
       </div>
     </div>
   );