tanner/qotnews
1
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Add a line on UI to make search results obvious

Browse Source
This commit is contained in:
Tanner Collin 2020-08-14 03:58:11 +00:00
parent 6576eb1bac
commit c554ecd890
1 changed files with 22 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
webclient/src/Results.js
View File

@ -60,27 +60,30 @@ class Results extends React.Component {
</Helmet>
{error && <p>Connection error?</p>}
{stories ?
<div>
{stories.length ?
stories.map((x, i) =>
<div className='item' key={i}>
<div className='title'>
<Link className='link' to={'/' + x.id}>
<img className='source-logo' src={logos[x.source]} alt='source logo' /> {x.title}
</Link>
<>
<p>Search results:</p>
<div className='comment lined'>
{stories.length ?
stories.map((x, i) =>
<div className='item' key={i}>
<div className='title'>
<Link className='link' to={'/' + x.id}>
<img className='source-logo' src={logos[x.source]} alt='source logo' /> {x.title}
</Link>
<span className='source'>
&#8203;({sourceLink(x)})
</span>
<span className='source'>
&#8203;({sourceLink(x)})
</span>
</div>
{infoLine(x)}
</div>
{infoLine(x)}
</div>
)
:
<p>no results</p>
}
</div>
)
:
<p>none</p>
}
</div>
</>
:
<p>loading...</p>
}