refactor: rename pagination indicator in SearchController from hasMore to hasNext

Author: MartinCupela

src/experimental/Search/SearchResults/SearchSourceResultListFooter.tsx

@@ -9,7 +9,7 @@ import type { SearchSourceState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 const searchSourceStateSelector = (value: SearchSourceState) => ({
-  hasMore: value.hasMore,
+  hasNext: value.hasNext,
   isLoading: value.isLoading,
 });
 
@@ -21,13 +21,13 @@ export const SearchSourceResultListFooter = <
     SearchSourceResultsLoadingIndicator = DefaultSearchSourceResultsLoadingIndicator,
   } = useComponentContext<StreamChatGenerics>();
   const { searchSource } = useSearchSourceResultsContext();
-  const { hasMore, isLoading } = useStateStore(searchSource.state, searchSourceStateSelector);
+  const { hasNext, isLoading } = useStateStore(searchSource.state, searchSourceStateSelector);
 
   return (
     <div className='str-chat__search-source-result-list__footer' data-testid='search-footer'>
       {isLoading ? (
         <SearchSourceResultsLoadingIndicator />
-      ) : !hasMore ? (
+      ) : !hasNext ? (
         <div className='str-chat__search-source-results---empty'>
           {t<string>('All results loaded')}
         </div>

src/experimental/Search/SearchResults/SearchSourceResults.tsx

@@ -11,7 +11,6 @@ import type { SearchSource, SearchSourceState } from 'stream-chat';
 import type { DefaultStreamChatGenerics } from '../../../types';
 
 const searchSourceStateSelector = (nextValue: SearchSourceState) => ({
-  hasMore: nextValue.hasMore,
   isLoading: nextValue.isLoading,
   items: nextValue.items,
 });

src/experimental/Search/__tests__/SearchSourceResultListFooter.test.js

@@ -38,14 +38,14 @@ describe('SearchSourceResultListFooter', () => {
     });
 
     useStateStore.mockReturnValue({
-      hasMore: true,
+      hasNext: true,
       isLoading: false,
     });
   });
 
   it('renders loading indicator when isLoading is true', () => {
     useStateStore.mockReturnValue({
-      hasMore: true,
+      hasNext: true,
       isLoading: true,
     });
 
@@ -55,9 +55,9 @@ describe('SearchSourceResultListFooter', () => {
     expect(screen.queryByText('All results loaded')).not.toBeInTheDocument();
   });
 
-  it('renders "All results loaded" message when hasMore is false', () => {
+  it('renders "All results loaded" message when hasNext is false', () => {
     useStateStore.mockReturnValue({
-      hasMore: false,
+      hasNext: false,
       isLoading: false,
     });
 
@@ -69,7 +69,7 @@ describe('SearchSourceResultListFooter', () => {
 
   it('renders only the footer wrapper when not loading and has more results', () => {
     useStateStore.mockReturnValue({
-      hasMore: true,
+      hasNext: true,
       isLoading: false,
     });
 
@@ -90,7 +90,7 @@ describe('SearchSourceResultListFooter', () => {
     });
 
     useStateStore.mockReturnValue({
-      hasMore: true,
+      hasNext: true,
       isLoading: true,
     });
 
@@ -105,7 +105,7 @@ describe('SearchSourceResultListFooter', () => {
     useTranslationContext.mockReturnValue({ t: mockTranslate });
 
     useStateStore.mockReturnValue({
-      hasMore: false,
+      hasNext: false,
       isLoading: false,
     });
 
@@ -119,15 +119,15 @@ describe('SearchSourceResultListFooter', () => {
     const { rerender } = render(<SearchSourceResultListFooter />);
 
     useStateStore.mockReturnValue({
-      hasMore: false,
+      hasNext: false,
       isLoading: false,
     });
 
     rerender(<SearchSourceResultListFooter />);
     expect(screen.getByText('All results loaded')).toBeInTheDocument();
 
     useStateStore.mockReturnValue({
-      hasMore: true,
+      hasNext: true,
       isLoading: true,
     });