oceanprotocol/docs
1
0
Fork 0
mirror of https://github.com/oceanprotocol/docs.git synced 2024-11-26 19:49:26 +01:00
Code Releases Activity

Feature: Add Search button in section header

Browse Source
This commit is contained in:
Akshay 2021-09-13 00:12:29 +02:00
parent aac6849bc5
commit a52b53a48c
2 changed files with 4 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/Header.jsx
View File

@ -2,6 +2,7 @@ import React from 'react'
import { Link, StaticQuery, graphql } from 'gatsby'
import { ReactComponent as Logo } from '@oceanprotocol/art/logo/logo.svg'
import styles from './Header.module.scss'
import SearchComponent from './Search/SearchComponent'
const query = graphql`
query {
@ -37,7 +38,6 @@ const Header = () => (
<Logo className={styles.headerLogoImage} />
<h1 className={styles.headerTitle}>{siteTitle}</h1>
</Link>
<nav className={styles.headerMenu}>
{sections.map(({ node }) => (
<Link
@ -48,6 +48,7 @@ const Header = () => (
{node.title}
</Link>
))}
<SearchComponent className={styles.section} />
</nav>
</div>
</header>

4
src/components/Search/SearchClient.jsx
View File

@ -88,7 +88,7 @@ const SearchClient = ({ searchableData }) => {
}
return (
<div>
<>
<Button
variant="outlined"
onClick={handleOpen}
@ -134,7 +134,7 @@ const SearchClient = ({ searchableData }) => {
</div>
</Fade>
</Modal>
</div>
</>
)
}