mirror of
https://github.com/kremalicious/blog.git
synced 2024-06-29 00:58:00 +02:00
31 lines
753 B
JavaScript
31 lines
753 B
JavaScript
import React from 'react'
|
|
import ReactDOM from 'react-dom'
|
|
import PropTypes from 'prop-types'
|
|
import { Link } from 'gatsby'
|
|
import Container from '../atoms/Container'
|
|
import styles from './SearchResults.module.scss'
|
|
|
|
const SearchResults = ({ results, onClose }) =>
|
|
ReactDOM.createPortal(
|
|
<div className={styles.searchResults}>
|
|
<Container>
|
|
<ul>
|
|
{results.map(page => (
|
|
<li key={page.url}>
|
|
<Link to={page.url} onClick={onClose}>
|
|
{page.title}
|
|
</Link>
|
|
</li>
|
|
))}
|
|
</ul>
|
|
</Container>
|
|
</div>,
|
|
document.getElementById('document')
|
|
)
|
|
|
|
SearchResults.propTypes = {
|
|
results: PropTypes.array.isRequired
|
|
}
|
|
|
|
export default SearchResults
|