more lint fixes

This commit is contained in:
Sol
2020-08-04 19:34:47 +01:00
committed by Sol Abrahams
parent 1f4f307f0d
commit da51dabe82
2 changed files with 6 additions and 6 deletions

View File

@@ -5,10 +5,10 @@ import '../scss/search.scss'
import SearchRow from './SearchRow.jsx'
class Search extends React.Component {
constructor(props) {
constructor (props) {
super(props)
this.state = {
isFolded : true,
isFolded: true,
searchResults: [],
queryString: ''
}
@@ -55,7 +55,7 @@ class Search extends React.Component {
</div>
<div class='search-results'>
{this.state.searchResults.map(result => {
return <SearchRow query={this.props.queryString} category={result.category} location={result.location} date={result.date} description={result.description} />
return <SearchRow query={this.props.queryString} category={result.category} location={result.location} date={result.date} description={result.description} />
})}
</div>
</div>
@@ -64,4 +64,4 @@ class Search extends React.Component {
}
}
export default Search;
export default Search

View File

@@ -1,9 +1,9 @@
import React from 'react'
const SearchRow = ({ description, category, location, date, query }) => {
function getHighlightedText(text, highlight) {
function getHighlightedText (text, highlight) {
// Split text on highlight term, include term itself into parts, ignore case
const parts = text.split(new RegExp(`(${highlight})`, 'gi'));
const parts = text.split(new RegExp(`(${highlight})`, 'gi'))
return <span>{ parts.map(part => part.toLowerCase() === highlight.toLowerCase() ? <span style={{ backgroundColor: 'yellow', color: 'black' }}>{part}</span> : part) }</span>
}