From ee5ab3f22c83885a62e6f635f264a1f083eebc6d Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Sat, 11 Feb 2023 16:27:52 +0800
Subject: [PATCH] Add loader to search page

---
 src/pages/search.jsx | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/src/pages/search.jsx b/src/pages/search.jsx
index 64f88166..19154c4b 100644
--- a/src/pages/search.jsx
+++ b/src/pages/search.jsx
@@ -5,6 +5,7 @@ import { useSearchParams } from 'react-router-dom';
 
 import Avatar from '../components/avatar';
 import Link from '../components/link';
+import Loader from '../components/loader';
 import Menu from '../components/menu';
 import NameText from '../components/name-text';
 import Status from '../components/status';
@@ -81,6 +82,7 @@ function Search() {
                         instance={instance}
                         showAcct
                       />
+                      <br />
                     </li>
                   ))}
                 </ul>
@@ -129,6 +131,10 @@ function Search() {
                 <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>
           )}