fedisearch/application/src/components/Results.tsx

26 wiersze
617 B
TypeScript

import React from 'react'
import Result from './Result'
import { FeedResponseItem } from '../types/FeedResponse'
const Results:React.FC<{feeds:FeedResponseItem[]}> = ({ feeds }) => {
if (feeds.length === 0) {
return (
<>
<h2>Nothing found</h2>
<p className={'no-results'}>We have no results for your query.</p>
</>
)
}
return (<>
<h2>Results</h2>
{
feeds.map((feed, index) => {
console.info('feed', feed)
return (<Result key={index} feed={feed}/>)
})
}
</>)
}
export default Results