nki/phanpy
1
0
Fork 0
Code Issues Pull requests Packages Projects Releases Wiki Activity

Add loader to search page

Browse source
This commit is contained in:
Lim Chee Aun 2023-02-11 16:27:52 +08:00
parent 0a7189d35a
commit ee5ab3f22c
1 changed files with 6 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/pages/search.jsx
View file

@ -5,6 +5,7 @@ import { useSearchParams } from 'react-router-dom';
import Avatar from '../components/avatar'; import Avatar from '../components/avatar';
import Link from '../components/link'; import Link from '../components/link';
import Loader from '../components/loader';
import Menu from '../components/menu'; import Menu from '../components/menu';
import NameText from '../components/name-text'; import NameText from '../components/name-text';
import Status from '../components/status'; import Status from '../components/status';
@ -81,6 +82,7 @@ function Search() {
instance={instance} instance={instance}
showAcct showAcct
/> />
<br />
</li> </li>
))} ))}
</ul> </ul>
@ -129,6 +131,10 @@ function Search() {
<p class="ui-state">No posts found.</p> <p class="ui-state">No posts found.</p>
)} )}
</> </>
) : uiState === 'loading' ? (
<p class="ui-state">
<Loader abrupt />
</p>
) : ( ) : (
<p class="ui-state">Enter your search term above to get started.</p> <p class="ui-state">Enter your search term above to get started.</p>
)} )}