From 26ab309f10ec53818eaa94de8f9b3268f4d9d3cc Mon Sep 17 00:00:00 2001
From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Sat, 16 Mar 2024 20:49:24 +0530
Subject: [PATCH] reset search on server change

---
 src/app/pages/client/explore/Server.tsx | 51 +++++++++++++------------
 1 file changed, 27 insertions(+), 24 deletions(-)

diff --git a/src/app/pages/client/explore/Server.tsx b/src/app/pages/client/explore/Server.tsx
index 0fa22ba4..73e6fa4c 100644
--- a/src/app/pages/client/explore/Server.tsx
+++ b/src/app/pages/client/explore/Server.tsx
@@ -377,6 +377,7 @@ export function PublicRooms() {
             <PageContentCenter>
               <Box direction="Column" gap="600">
                 <Search
+                  key={server}
                   active={isSearch}
                   loading={isLoading}
                   searchInputRef={searchInputRef}
@@ -449,30 +450,32 @@ export function PublicRooms() {
                             />
                           ))}
                         </RoomCardGrid>
-                        <span data-spacing-node />
-                        <Box justifyContent="Center" gap="200">
-                          <Button
-                            onClick={paginateBack}
-                            size="300"
-                            fill="Soft"
-                            disabled={!data.prev_batch}
-                          >
-                            <Text size="B300" truncate>
-                              Previous Page
-                            </Text>
-                          </Button>
-                          <Box data-spacing-node grow="Yes" />
-                          <Button
-                            onClick={paginateFront}
-                            size="300"
-                            fill="Solid"
-                            disabled={!data.next_batch}
-                          >
-                            <Text size="B300" truncate>
-                              Next Page
-                            </Text>
-                          </Button>
-                        </Box>
+
+                        {(data.prev_batch || data.next_batch) && (
+                          <Box justifyContent="Center" gap="200">
+                            <Button
+                              onClick={paginateBack}
+                              size="300"
+                              fill="Soft"
+                              disabled={!data.prev_batch}
+                            >
+                              <Text size="B300" truncate>
+                                Previous Page
+                              </Text>
+                            </Button>
+                            <Box data-spacing-node grow="Yes" />
+                            <Button
+                              onClick={paginateFront}
+                              size="300"
+                              fill="Solid"
+                              disabled={!data.next_batch}
+                            >
+                              <Text size="B300" truncate>
+                                Next Page
+                              </Text>
+                            </Button>
+                          </Box>
+                        )}
                       </>
                     ) : (
                       <Box