All files / client/components/SearchPage SearchResultList.tsx

0% Statements 0/5
100% Branches 0/0
0% Functions 0/2
0% Lines 0/5

Press n or j to go to the next uncovered block, b, p or k for the previous block.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31                                                             
import React from 'react'
import PageBody from 'components/Page/PageBody'
import { Page } from 'client/types/crowi'
 
interface Props {
  pages: Page[]
  searchingKeyword: string
}
 
export default class SearchResultList extends React.Component<Props> {
  static defaultProps = { pages: [], searchingKeyword: '' }
 
  render() {
    const resultList = this.props.pages.map(page => {
      const pageBody = page.revision.body
      return (
        <div id={page._id} key={page._id} className="search-result-page">
          <h2>
            <a href={page.path}>{page.path}</a>
          </h2>
          <div className="wiki">
            <PageBody page={page} pageBody={pageBody} highlightKeywords={this.props.searchingKeyword} />
          </div>
        </div>
      )
    })
 
    return <div>{resultList}</div>
  }
}